body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#172033}.topbar{background:#006b3c;box-shadow:0 3px 15px #0002}.logo-nav{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff}.navbar-brand small{font-size:11px;opacity:.85}.hero{background:linear-gradient(135deg,#f7fff9,#fff 60%);padding:70px 0 65px;border-bottom:1px solid #e5eee8}.eyebrow{color:#006b3c;font-weight:800;letter-spacing:1.4px;font-size:12px}.hero h1{font-size:clamp(36px,5vw,58px);font-weight:800;line-height:1.08;margin:15px 0}.hero h1 span{color:#006b3c}.hero p{font-size:18px;color:#667085;max-width:650px}.logo-hero{width:min(300px,80%);border-radius:50%;background:white;box-shadow:0 18px 50px #006b3c20}.btn-primary{background:#006b3c;border-color:#006b3c}.btn-primary:hover{background:#005631;border-color:#005631}.main-card,.video-card{border:0;border-radius:22px;box-shadow:0 12px 35px #122b2012}.card-header-custom{display:flex;gap:14px;align-items:center;background:#006b3c;color:white;padding:22px 24px}.card-header-custom i{font-size:30px}.card-header-custom h4{margin:0}.card-header-custom p{margin:2px 0 0;opacity:.8;font-size:13px}.form-label{font-weight:700}.form-label span{color:#dc3545}.form-control{border-radius:12px;border-color:#dce3df}.choice-row{display:flex;gap:12px}.choice{flex:1;border:2px solid #e1e7e3;border-radius:12px;padding:13px 15px;cursor:pointer;font-weight:700}.choice:has(input:checked){border-color:#006b3c;background:#effaf4}.choice input{margin-right:8px}.video-placeholder{min-height:280px;border-radius:18px;background:#f4f7f5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.video-placeholder i{font-size:70px;color:#dc3545}.video-placeholder p{font-weight:700;margin:10px}.yt{font-size:30px;color:#dc3545}.footer{background:#006b3c;color:white;padding:30px}.footer-logo{width:60px;border-radius:50%;margin-bottom:8px}.login-bg{background:linear-gradient(135deg,#eaf8f0,#f8faf9);min-height:100vh}.login-card{border:0;border-radius:22px;box-shadow:0 15px 50px #1233}.login-logo{width:100px;border-radius:50%}.stat{background:white;border-radius:18px;padding:20px;box-shadow:0 7px 22px #1231}.stat small{display:block;color:#667085}.stat strong{font-size:34px;color:#006b3c}
/* Popup Buku Tamu */
.swal2-popup { font-family: inherit !important; }
.swal2-title { font-weight: 800 !important; }
.swal2-html-container { color: #64748b !important; }