@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Quicksand:wght@300..700&display=swap";:root{--surface: #f8f9ff;--surface-dim: #d0dbed;--surface-bright: #f8f9ff;--surface-container-lowest: #ffffff;--surface-container-low: #eff4ff;--surface-container: #e6eeff;--surface-container-high: #dee9fc;--surface-container-highest: #d9e3f6;--on-surface: #121c2a;--on-surface-variant: #584237;--inverse-surface: #27313f;--inverse-on-surface: #eaf1ff;--outline: #8c7164;--outline-variant: #e0c0b1;--surface-tint: #9d4300;--primary: #9d4300;--on-primary: #ffffff;--primary-container: #f97316;--on-primary-container: #582200;--inverse-primary: #ffb690;--secondary: #0058be;--on-secondary: #ffffff;--secondary-container: #2170e4;--on-secondary-container: #fefcff;--tertiary: #006c49;--on-tertiary: #ffffff;--tertiary-container: #00b07a;--on-tertiary-container: #003b26;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--background: #f8f9ff;--on-background: #121c2a;--surface-variant: #d9e3f6;--font-display: "Quicksand", sans-serif;--font-body: "Nunito Sans", sans-serif;--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--space-base: 8px;--space-gutter: 24px;--space-margin-mobile: 16px;--space-margin-desktop: 40px;--space-stack-sm: 12px;--space-stack-md: 24px;--space-stack-lg: 48px;--shadow-ambient: 0 4px 20px rgba(18, 28, 42, .06);--shadow-hover: 0 8px 30px rgba(18, 28, 42, .1);--shadow-primary-glow: 0 4px 20px rgba(249, 115, 22, .25)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--background);color:var(--on-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--on-background)}h1{font-size:48px;letter-spacing:-.02em}@media (max-width: 768px){h1{font-size:32px}}h2{font-size:32px}@media (max-width: 768px){h2{font-size:24px}}h3{font-size:20px}p,span,div{font-size:16px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:24px;font-weight:600}.font-bold{font-weight:700}.font-semibold{font-weight:600}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-margin-mobile)}@media (min-width: 1024px){.container{padding:0 var(--space-margin-desktop)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.h-full{height:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:700;font-size:16px;padding:12px 24px;border-radius:var(--radius);cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),background-color .2s ease,box-shadow .2s ease,border-color .2s ease;border:none;outline:none;text-decoration:none}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--primary-container);color:var(--on-primary);border-radius:var(--radius-xl)}.btn-primary:hover:not(:disabled){background-color:var(--primary);box-shadow:var(--shadow-primary-glow)}.btn-secondary{background-color:var(--surface-container-lowest);color:var(--primary-container);border:2px solid var(--primary-container);border-radius:var(--radius-xl)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-container-low)}.btn-icon{padding:8px;border-radius:var(--radius-full);background-color:var(--surface-container);color:var(--on-surface-variant)}.btn-icon:hover{background-color:var(--surface-variant);color:var(--on-surface)}.card{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-ambient);transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--surface-container-highest)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card-static{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-ambient);border:1px solid var(--surface-container-highest)}.input-field{width:100%;padding:14px 16px;font-family:var(--font-body);font-size:16px;border-radius:var(--radius);border:2px solid var(--surface-dim);background-color:var(--surface-container-lowest);color:var(--on-surface);transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{border-color:var(--primary-container);outline:none;box-shadow:0 0 0 4px #f973161a}.choice-btn{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--radius-lg);border:2px solid var(--surface-dim);background-color:var(--surface-container-lowest);color:var(--on-surface);text-align:left;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-body)}.choice-btn:hover:not(.selected){border-color:var(--outline-variant);background-color:var(--surface-container-low);transform:translateY(-2px);box-shadow:var(--shadow-ambient)}.choice-btn.selected{border-color:var(--primary-container);background-color:var(--surface-container-lowest);box-shadow:0 4px 12px #f9731626}.choice-btn:active{transform:scale(.98)}.choice-letter{width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--surface-container);color:var(--on-surface-variant);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0;transition:all .2s ease}.choice-btn.selected .choice-letter{background-color:var(--primary-container);color:var(--on-primary)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:var(--primary-container);color:var(--on-primary)}.badge-secondary{background-color:var(--secondary-container);color:var(--on-secondary-container)}.badge-tertiary{background-color:var(--tertiary-container);color:var(--on-tertiary-container)}.badge-error{background-color:var(--error-container);color:var(--on-error-container)}.badge-surface{background-color:var(--surface-variant);color:var(--on-surface-variant)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{animation:shimmer 2s infinite linear;background:linear-gradient(to right,var(--surface-container) 4%,var(--surface-container-high) 25%,var(--surface-container) 36%);background-size:1000px 100%}.nav-link{color:var(--on-surface-variant);font-weight:600;text-decoration:none;font-size:16px;padding:8px 12px;border-radius:var(--radius-md);transition:all .2s ease}.nav-link:hover{color:var(--primary);background-color:var(--surface-container-low)}.nav-link.active{color:var(--primary);font-weight:700;border-bottom:2px solid var(--primary);border-radius:0;background-color:transparent}.footer-link{color:var(--on-surface-variant);font-size:14px;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--primary);text-decoration:underline}@media (max-width: 768px){.hidden-mobile{display:none!important}.hero-section{padding:48px 16px 64px!important}.hero-title{font-size:26px!important;line-height:1.3!important;margin-bottom:16px!important}.hero-p{font-size:14px!important;margin-bottom:24px!important}.hero-ctas{flex-direction:column!important;width:100%!important;max-width:320px!important;gap:12px!important}.hero-ctas .btn,.hero-ctas a{width:100%!important;justify-content:center!important;text-align:center!important}.hero-metrics{gap:12px!important;margin-top:36px!important;padding-top:24px!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important}.hero-metrics-val{font-size:15px!important}.hero-metrics-lbl{font-size:10px!important}.search-form{flex-direction:column!important;padding:12px!important;gap:10px!important;border-radius:16px!important}.search-input-wrapper,.search-btn{width:100%!important}.jenjang-grid,.features-grid{grid-template-columns:1fr!important;gap:16px!important}.cta-box{padding:32px 20px!important;border-radius:20px!important}.cta-title{font-size:22px!important}.footer-flex{flex-direction:column!important;align-items:flex-start!important;gap:20px!important}.section-padding{padding:48px 16px!important}.auth-btn-group{gap:8px!important}.auth-btn-login{padding:6px 12px!important;font-size:12px!important}.auth-btn-register{padding:6px 14px!important;font-size:12px!important}.brand-subtext{display:none!important}}