@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg-light:#f3f6f9;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-text-main:#1e293b;--color-text-muted:#64748b;--color-surface:#fff;--color-border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--radius-lg:12px;--radius-md:8px;--glass-bg:#ffffffb3;--glass-border:#ffffff80}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-light);color:var(--color-text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:2rem;padding:2.5rem;transition:transform .3s}.glass-card:hover{transform:translateY(-5px)}.text-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.text-subtitle{color:var(--color-text-muted);margin-bottom:2rem;font-size:1.125rem}.btn-primary{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:background-color .2s,transform .1s}.btn-primary:hover{background-color:var(--color-primary-hover)}.glass-card:active{transform:scale(.97)}.wrapper-observasi{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width>=768px){.wrapper-observasi{grid-template-columns:7fr 3fr;gap:2rem}}.panel{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.panel-header-blue{background-color:#e0f2fe;border-bottom:1px solid #bae6fd;padding:1.5rem}.panel-body{padding:1.5rem}.info-box{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#fff;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.icon-wrapper{border-radius:var(--radius-md);background:#f1f5f9;height:max-content;padding:.75rem}.target-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width>=640px){.target-grid{grid-template-columns:1fr 1fr}}.alert-box{border-radius:var(--radius-md);background-color:#f8fafc;border:1px solid #e2e8f0;margin-top:1.5rem;padding:1rem}.form-group-radio{flex-direction:column;gap:1rem;display:flex}.radio-item{cursor:pointer;align-items:center;gap:.75rem;display:flex}.radio-item input[type=radio]{width:1.2rem;height:1.2rem;accent-color:var(--color-primary)}.form-control{border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;background-color:#fff;width:100%;padding:.75rem;font-family:inherit;font-size:.875rem}.form-control:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.char-counter{text-align:right;color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.panduan-item{margin-bottom:1.5rem}.panduan-item:last-child{margin-bottom:0}.text-red{color:#dc2626;font-weight:600}.text-orange{color:#d97706;font-weight:600}.text-green{color:#16a34a;font-weight:600}.text-muted{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem}.fw-bold{font-weight:600}.text-lg{font-size:1.125rem}.mt-4{margin-top:1.5rem}.mt-2{margin-top:.5rem}.text-text{color:var(--color-text-main)}.flex{align-items:center;gap:.5rem;display:flex}.w-full{width:100%}.form-label{color:var(--color-text-main);margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{animation:.4s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}button,a{transition:all .2s}.text-center{text-align:center}