:root{--white:#fff;--cream:#fff8f2;--gray-100:#f3ede6;--gray-400:#a89f96;--gray-500:#8a8078;--ink:#1d1d1f;--ink-secondary:#6e6a66;--orange:#ff6a00;--orange-light:#ff9a3d;--orange-dark:#e85300;--orange-tint:#fff2e6;--border:#f0e2d3;--page:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--radius-sm:10px;--radius-md:16px;--radius-lg:26px;--max-w:1120px;--font-apple:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", var(--font-inter), "Inter", "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-apple);font-optical-sizing:auto;text-rendering:optimizelegibility;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.navbar{z-index:1000;-webkit-backdrop-filter:saturate(180%)blur(20px);background:#ffffffb8;border-bottom:1px solid #0000000f;width:100%;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;gap:16px;width:min(1080px,92%);height:60px;margin:auto;display:flex}.nav-logo{flex-shrink:0;align-items:center;display:inline-flex}.nav-logo img{width:auto;height:26px}.nav-links{gap:28px;display:none}.nav-links a{color:#1d1d1f;opacity:.8;font-size:13px;transition:opacity .15s}.nav-links a:hover{opacity:1}.nav-button{background:var(--orange);color:#fff;border-radius:980px;justify-content:center;align-items:center;height:32px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.nav-button:hover{background:var(--orange-dark)}@media (min-width:860px){.nav-links{display:flex}}.section-container{width:min(1120px,90%);margin:auto}.section-label{color:var(--orange-dark);margin-bottom:12px;font-size:14px;font-weight:600;display:inline-block}.primary-button{background:var(--orange);color:#fff;border-radius:980px;justify-content:center;align-items:center;height:46px;padding:0 24px;font-size:15px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.primary-button:hover{background:var(--orange-dark)}.primary-button:active{transform:scale(.98)}.home{color:#1d1d1f;background:#fff;overflow-x:hidden}.h-hero{text-align:center;background:radial-gradient(60% 40% at 50% 0,#ff8a0014,#0000 70%);padding:120px 20px 0}.h-eyebrow{color:var(--orange-dark);font-size:15px;font-weight:600}.h-hero h1{letter-spacing:-.035em;margin-top:10px;font-size:clamp(42px,8vw,84px);font-weight:700;line-height:1.05}.h-hero h1 span{background:linear-gradient(90deg,#ff9a3d,#ff5100);color:#0000;-webkit-background-clip:text;background-clip:text}.h-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px;margin-top:30px;display:flex}.h-btn{background:var(--orange);color:#fff;border-radius:980px;align-items:center;height:48px;padding:0 28px;font-size:17px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.h-btn:hover{background:var(--orange-dark)}.h-btn:active{transform:scale(.98)}.h-link{color:var(--orange-dark);font-size:17px;font-weight:500}.h-link:hover{text-decoration:underline}.h-device{width:290px;margin:64px auto 0;position:relative}.h-float{-webkit-backdrop-filter:blur(16px);text-align:left;background:#ffffffdb;border-radius:20px;flex-direction:column;padding:14px 18px;display:none;position:absolute;box-shadow:0 20px 50px #0000001a}.h-float small{color:#6e6e73;font-size:12px}.h-float-score strong{letter-spacing:-.03em;font-size:34px;font-weight:700;line-height:1.1}.h-float-score span{align-items:flex-end;gap:4px;height:30px;margin-top:6px;display:flex}.h-float-score i{background:var(--orange);border-radius:3px;width:7px}.h-float-streak strong{font-size:22px}.h-section{width:min(1080px,92%);margin:0 auto;padding-top:110px;scroll-margin-top:40px}.h-title{letter-spacing:-.03em;text-align:center;margin-bottom:44px;font-size:clamp(32px,5vw,54px);font-weight:700;line-height:1.1}.h-bento{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.h-tile{background:#f5f5f7;border-radius:28px;flex-direction:column;min-height:250px;padding:30px;display:flex}.h-tile h3{letter-spacing:-.02em;font-size:26px;font-weight:700}.h-tile p{color:#6e6e73;margin-top:6px;font-size:17px;line-height:1.4}.h-tile-dark{color:#f5f5f7;background:#1d1d1f}.h-tile-dark p{color:#a1a1a6}.h-tile-tint{background:linear-gradient(135deg,#fff6ee,#ffe9d6)}.h-big{background:linear-gradient(90deg,#ff9a3d,#ff5100);color:#0000;letter-spacing:-.05em;-webkit-background-clip:text;background-clip:text;margin-top:auto;font-size:96px;font-weight:800;line-height:1}.h-chips{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:24px;display:flex}.h-chips span{background:#fff;border-radius:980px;padding:8px 14px;font-size:14px;font-weight:600}.h-pill{color:#fff;background:#1d1d1f;border-radius:980px;align-self:flex-start;margin-top:auto;padding:6px 14px;font-size:13px;font-weight:600}.h-week{gap:8px;margin-top:auto;padding-top:24px;display:flex}.h-week span{color:#86868b;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:600;display:inline-flex}.h-week span.is-on{background:var(--orange);color:#fff}.h-steps{grid-template-columns:minmax(0,1fr);gap:32px;list-style:none;display:grid}.h-steps li{text-align:center}.h-steps span{color:#fff;background:#1d1d1f;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:18px;font-weight:700;display:inline-flex}.h-steps h3{letter-spacing:-.01em;font-size:22px;font-weight:700}.h-steps p{color:#6e6e73;margin-top:4px;font-size:17px}.h-plans{grid-template-columns:minmax(0,1fr);gap:16px;max-width:860px;margin:0 auto;display:grid}.h-plan{background:#f5f5f7;border-radius:28px;padding:34px}.h-plan h3{font-size:22px;font-weight:700}.h-plan-price{letter-spacing:-.03em;margin:10px 0 2px;font-size:40px;font-weight:800}.h-plan-note{color:#6e6e73;font-size:15px}.h-plan ul{flex-direction:column;gap:12px;margin-top:24px;list-style:none;display:flex}.h-plan li{padding-left:26px;font-size:16px;position:relative}.h-plan li:before{content:"✓";color:var(--orange-dark);font-weight:800;position:absolute;left:0}.h-plan-premium{color:#f5f5f7;background:#1d1d1f}.h-plan-premium .h-plan-note{color:#a1a1a6}.h-plan-premium li:before{color:var(--orange-light)}.h-empty{color:#6e6e73;text-align:center;font-size:19px}.h-tryouts{grid-template-columns:minmax(0,1fr);gap:16px;list-style:none;display:grid}.h-tryout{background:#f5f5f7;border-radius:24px;flex-direction:column;gap:8px;height:100%;padding:26px;transition:transform .2s;display:flex}.h-tryout:hover{transform:translateY(-3px)}.h-tryout-status{color:#6e6e73;font-size:13px;font-weight:600}.h-tryout-status.is-live{color:var(--orange-dark)}.h-tryout strong{letter-spacing:-.01em;font-size:20px;font-weight:700}.h-tryout small{color:#6e6e73;font-size:14px}.h-final{text-align:center;background:linear-gradient(#fff,#fff4ea);margin-top:120px;padding:100px 20px}.h-final h2{letter-spacing:-.035em;margin-bottom:28px;font-size:clamp(36px,6vw,64px);font-weight:700}@media (min-width:760px){.h-bento{grid-template-columns:repeat(3,minmax(0,1fr))}.h-tile-wide{grid-column:span 2}.h-steps,.h-tryouts{grid-template-columns:repeat(3,minmax(0,1fr))}.h-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.h-float{display:flex}}.site-footer{color:#6e6e73;background:#f5f5f7;border-top:1px solid #d2d2d7;font-size:13px}.footer-inner{width:min(1080px,92%);margin:auto;padding:40px 0 24px}.footer-top{flex-direction:column;gap:28px;display:flex}.footer-brand img{width:auto;height:24px}.footer-brand p{max-width:280px;margin-top:10px;line-height:1.5}.footer-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.footer-cols h4{color:#1d1d1f;margin-bottom:10px;font-size:13px;font-weight:600}.footer-cols a{overflow-wrap:anywhere;color:#424245;margin-bottom:8px;display:block}.footer-cols a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #d2d2d7;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:28px;padding-top:16px;font-size:12px;display:flex}@media (min-width:760px){.footer-top{flex-direction:row;justify-content:space-between}.footer-cols{gap:56px}}.legal-hero{border-bottom:1px solid var(--border);background:radial-gradient(circle at 88% 0%, #ff8a001f, transparent 50%), var(--cream);padding:132px 0 48px}.legal-hero-inner{width:min(var(--max-w), 90%);margin:auto}.legal-hero h1{letter-spacing:-.03em;color:var(--ink);margin-bottom:12px;font-size:clamp(32px,4vw,46px);font-weight:700;line-height:1.15}.legal-updated{color:var(--ink-secondary);font-size:14px}.legal-layout{width:min(var(--max-w), 90%);grid-template-columns:240px minmax(0,1fr);align-items:start;gap:64px;margin:auto;padding:56px 0 96px;display:grid}.legal-toc{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);padding:22px;position:sticky;top:96px}.legal-toc strong{color:var(--ink);margin-bottom:12px;font-size:13px;font-weight:600;display:block}.legal-toc ol{flex-direction:column;gap:8px;padding-left:18px;list-style:decimal;display:flex}.legal-toc li{color:var(--gray-500);font-size:13px;line-height:1.45}.legal-toc a{color:var(--ink-secondary);transition:color .15s}.legal-toc a:hover{color:var(--orange-dark)}.legal-content{max-width:68ch;color:var(--ink);font-size:16px;line-height:1.75}.legal-content section{margin-bottom:44px;scroll-margin-top:96px}.legal-content h2{letter-spacing:-.01em;gap:10px;margin-bottom:14px;font-size:22px;font-weight:700;line-height:1.3;display:flex}.legal-number{color:var(--orange)}.legal-content h3{margin:22px 0 8px;font-size:16px;font-weight:600}.legal-content p{color:var(--ink-secondary);margin-bottom:14px}.legal-content strong{color:var(--ink);font-weight:600}.legal-content ul{color:var(--ink-secondary);margin:0 0 14px;padding-left:22px}.legal-content li{margin-bottom:8px}.legal-content li::marker{color:var(--orange)}.legal-content a{color:var(--orange-dark);text-underline-offset:3px;text-decoration:underline}.legal-summary{border-left:4px solid var(--orange);border-radius:var(--radius-sm);background:var(--orange-tint);color:var(--ink-secondary);margin-bottom:44px;padding:20px 22px;font-size:15px;line-height:1.7}.legal-callout{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--cream);padding:18px 22px 4px}.legal-notice{border:1px dashed var(--orange-light);border-radius:var(--radius-md);background:var(--orange-tint);padding:20px 22px 6px}.legal-notice>strong{color:var(--orange-dark);letter-spacing:.01em;margin-bottom:8px;font-size:14px;display:block}.legal-placeholder{background:var(--orange-tint);color:var(--orange-dark);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:1px 6px;font-weight:600}.legal-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;min-width:480px;font-size:14px;line-height:1.55}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:12px 14px}.legal-table th{background:var(--cream);color:var(--ink);font-weight:600}.legal-table td{color:var(--ink-secondary)}.legal-table tr:last-child td{border-bottom:none}.legal-contact{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--cream);color:var(--ink-secondary);flex-direction:column;gap:4px;padding:18px 22px;font-size:15px;display:flex}@media (max-width:1000px){.legal-layout{grid-template-columns:1fr;gap:32px}.legal-toc{position:static}.legal-content{max-width:none}}@media (max-width:760px){.legal-hero{padding:112px 0 36px}.legal-layout{padding:36px 0 72px}.legal-content{font-size:15px}.legal-content h2{font-size:19px}}.nav-user{border:1px solid var(--border);background:var(--white);border-radius:100px;align-items:center;gap:9px;max-width:220px;padding:4px 14px 4px 4px;transition:border-color .15s;display:inline-flex}.nav-user:hover{border-color:var(--orange-light)}.nav-user-name{white-space:nowrap;text-overflow:ellipsis;color:var(--ink);font-size:14px;font-weight:600;overflow:hidden}.nav-user-skeleton{background:var(--gray-100);border-radius:100px;width:132px;height:38px}.nav-guest{align-items:center;gap:6px;display:flex}.nav-login-link{color:var(--ink);padding:0 14px;font-size:14px;font-weight:600;transition:color .15s}.nav-login-link:hover{color:var(--orange-dark)}@media (max-width:400px){.nav-login-link{padding:0 8px}.nav-guest .nav-button{padding:0 16px}}.auth-page{background:radial-gradient(circle at 88% 8%, #ff8a0024, transparent 45%), var(--cream);justify-content:center;align-items:flex-start;min-height:78vh;padding:140px 0 96px;display:flex}.auth-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);width:min(460px,90%);padding:40px 36px;box-shadow:0 24px 60px #1d1d1f0f}.auth-card h1{color:var(--ink);letter-spacing:-.02em;margin-bottom:10px;font-size:28px;font-weight:700;line-height:1.2}.auth-subtitle{color:var(--ink-secondary);margin-bottom:28px;font-size:15px;line-height:1.6}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-error{border:1px solid var(--orange-light);border-radius:var(--radius-sm);background:var(--orange-tint);color:var(--orange-dark);padding:12px 14px;font-size:14px;line-height:1.5}.auth-check{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--ink-secondary);align-items:flex-start;gap:12px;padding:14px;font-size:14px;line-height:1.5;transition:border-color .15s,background .15s;display:flex}.auth-check:has(input:checked){border-color:var(--orange-light);background:var(--orange-tint)}.auth-check input{width:18px;height:18px;accent-color:var(--orange);cursor:pointer;flex-shrink:0;margin-top:1px}.auth-check a{color:var(--orange-dark);text-underline-offset:3px;font-weight:600;text-decoration:underline}.google-button{border:1px solid var(--border);background:var(--white);cursor:pointer;height:52px;color:var(--ink);border-radius:100px;justify-content:center;align-items:center;gap:12px;margin-top:6px;font-size:15px;font-weight:600;transition:all .15s;display:inline-flex}.google-button svg{width:20px;height:20px}.google-button:hover:not(:disabled){border-color:var(--orange-light);transform:translateY(-1px);box-shadow:0 10px 24px #ff6a0024}.google-button:disabled{cursor:not-allowed;opacity:.5}.auth-hint{color:var(--gray-500);text-align:center;font-size:13px}.auth-switch{border-top:1px solid var(--border);color:var(--ink-secondary);text-align:center;margin-top:24px;padding-top:20px;font-size:14px}.auth-switch a{color:var(--orange-dark);font-weight:600}.auth-switch a:hover{text-underline-offset:3px;text-decoration:underline}.logout-button{border:1px solid var(--border);background:var(--white);cursor:pointer;width:100%;height:48px;color:var(--ink);border-radius:100px;font-size:15px;font-weight:600;transition:all .15s}.logout-button:hover:not(:disabled){border-color:var(--orange-dark);color:var(--orange-dark)}.logout-button:disabled{cursor:wait;opacity:.6}@media (max-width:760px){.auth-page{padding:112px 0 72px}.nav-user-name{max-width:110px}}@media (max-width:520px){.auth-card{padding:30px 22px}.auth-card h1{font-size:24px}}.avatar{object-fit:cover;background:var(--orange-tint);border-radius:50%;flex-shrink:0}.avatar-initial{color:var(--orange-dark);justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.dash{width:min(var(--max-w), 92%);flex-direction:column;gap:16px;margin:auto;padding:92px 0 64px;display:flex}.dash-hello{border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0%, #ff8a002e, transparent 55%), var(--cream);padding:22px 20px}.dash-hello-top{align-items:center;gap:14px;display:flex}.dash-hello-photo{border:3px solid var(--white);box-shadow:0 8px 20px #ff6a002e}.dash-hello-text{min-width:0}.dash-hello-date{color:var(--orange-dark);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.dash-hello h1{color:var(--ink);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:22px;font-weight:700;line-height:1.25}.dash-hello-text p{color:var(--ink-secondary);overflow-wrap:anywhere;font-size:13px}.dash-hello-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.jalur{min-width:0;position:relative}.jalur-trigger{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);cursor:pointer;text-align:left;align-items:center;gap:10px;max-width:100%;padding:6px 14px 6px 6px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.jalur-trigger:hover,.jalur-trigger[aria-expanded=true]{border-color:var(--orange-light);box-shadow:0 8px 20px #ff6a001f}.jalur-trigger:disabled{cursor:wait;opacity:.7}.jalur-trigger-text{flex-direction:column;min-width:0;display:flex}.jalur-trigger-text small{color:var(--gray-500);font-size:11px;font-weight:600}.jalur-trigger-text strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.jalur-trigger svg,.jalur-check{fill:none;width:18px;height:18px;stroke:var(--orange-dark);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.jalur-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.jalur-badge{letter-spacing:.02em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;min-width:46px;height:38px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.jalur-badge-nasional{background:linear-gradient(135deg, var(--orange-light), var(--orange-dark));color:#fff}.jalur-badge-mandiri-ptn{background:var(--ink);color:var(--white)}.jalur-badge-mandiri-pts{background:var(--orange-tint);color:var(--orange-dark);box-shadow:inset 0 0 0 1px var(--orange-light)}.jalur-backdrop{z-index:1100;background:#1d1d1f66;position:fixed;inset:0}.jalur-panel{z-index:1101;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--white);flex-direction:column;max-height:82vh;padding:8px 16px 20px;animation:.2s jalurUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #1d1d1f2e}@keyframes jalurUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.jalur-grabber{background:var(--gray-100);border-radius:100px;align-self:center;width:40px;height:4px;margin-bottom:10px}.jalur-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.jalur-head h2{color:var(--ink);font-size:17px;font-weight:700}.jalur-close{background:var(--gray-100);cursor:pointer;width:32px;height:32px;color:var(--ink-secondary);border:none;border-radius:50%}.jalur-tabs{background:var(--cream);border-radius:100px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.jalur-tabs button{cursor:pointer;height:36px;color:var(--ink-secondary);white-space:nowrap;background:0 0;border:none;border-radius:100px;font-size:13px;font-weight:600}.jalur-tabs button.is-active{background:var(--white);color:var(--orange-dark);box-shadow:0 2px 8px #1d1d1f14}.jalur-desc{color:var(--gray-500);margin:12px 2px 10px;font-size:12px}.jalur-grid{grid-template-columns:minmax(0,1fr);gap:8px;padding:2px;list-style:none;display:grid;overflow-y:auto}.jalur-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:10px;transition:border-color .15s,background .15s;display:flex}.jalur-card:hover{border-color:var(--orange-light)}.jalur-card.is-selected{border-color:var(--orange);background:var(--orange-tint)}.jalur-card-text{flex-direction:column;flex:1;min-width:0;display:flex}.jalur-card-text strong{color:var(--ink);font-size:14px}.jalur-card-text small{color:var(--gray-500);font-size:12px}.jalur-card.is-selected small{color:var(--orange-dark);font-weight:600}.jalur-empty{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--cream);color:var(--ink-secondary);text-align:center;padding:18px;font-size:14px}@media (min-width:640px){.jalur-backdrop{background:0 0}.jalur-panel{border:1px solid var(--border);border-radius:var(--radius-md);width:460px;max-height:420px;padding:16px;animation:none;position:absolute;inset:calc(100% + 10px) auto auto 0;box-shadow:0 24px 60px #1d1d1f24}.jalur-grabber{display:none}.jalur-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dash-preview{border-radius:var(--radius-sm);background:var(--ink);color:var(--white);padding:10px 14px;font-size:13px}.dash-preview a{color:var(--orange-light);text-underline-offset:3px;font-weight:600;text-decoration:underline}.dash-hello .logout-button{flex-shrink:0;width:auto;height:38px;padding:0 18px;font-size:13px}.dash-quick{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.dash-quick::-webkit-scrollbar{display:none}.dash-quick-item{scroll-snap-align:start;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);color:var(--ink);flex-direction:column;flex:1 0 84px;align-items:center;gap:8px;padding:14px 8px;font-size:13px;font-weight:600;transition:border-color .15s,transform .15s;display:flex}.dash-quick-item:hover{border-color:var(--orange-light);transform:translateY(-2px)}.dash-quick-icon{background:var(--orange-tint);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.dash-quick-icon svg{fill:none;width:22px;height:22px;stroke:var(--orange-dark);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.dash-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.dash-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);padding:20px}.dash-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.dash-card-head h2{color:var(--ink);font-size:15px;font-weight:700}.dash-link{color:var(--orange-dark);font-size:13px;font-weight:600}.dash-badge{background:var(--orange);color:#fff;border-radius:100px;padding:3px 10px;font-size:11px;font-weight:700}.dash-note{color:var(--gray-500);margin-top:12px;font-size:13px;line-height:1.55}.dash-note-top{margin:0 0 14px}.dash-empty{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--cream);flex-direction:column;align-items:flex-start;gap:14px;padding:18px;display:flex}.dash-empty p{color:var(--ink-secondary);font-size:14px;line-height:1.55}.dash-empty-cta{color:#fff;background:linear-gradient(135deg, var(--orange-light), var(--orange-dark));border-radius:100px;align-items:center;height:40px;padding:0 18px;font-size:13px;font-weight:600;transition:transform .15s;display:inline-flex;box-shadow:0 10px 22px #ff6a0038}.dash-empty-cta:hover{transform:translateY(-1px)}.dash-calendar-month{color:var(--ink);text-transform:capitalize;margin-bottom:10px;font-size:14px;font-weight:600}.dash-calendar-grid{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.dash-calendar-weekday{color:var(--gray-400);padding-bottom:4px;font-size:11px;font-weight:600}.dash-calendar-day{height:38px;color:var(--ink-secondary);border-radius:10px;justify-content:center;align-items:center;font-size:13px;display:flex;position:relative}.dash-calendar-day.is-active{background:var(--orange-tint);color:var(--orange-dark);font-weight:700}.dash-calendar-day.is-active:after{content:"";background:var(--orange);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.dash-calendar-day.is-today{box-shadow:inset 0 0 0 2px var(--orange);color:var(--ink);font-weight:700}.dash-calendar-legend{color:var(--gray-500);gap:16px;margin-top:12px;font-size:12px;display:flex}.dash-calendar-legend span{align-items:center;gap:6px;display:inline-flex}.dash-calendar-legend i{border-radius:4px;width:12px;height:12px}.legend-active{background:var(--orange-tint);box-shadow:inset 0 0 0 1px var(--orange-light)}.legend-today{box-shadow:inset 0 0 0 2px var(--orange)}.dash-streak{align-items:baseline;gap:8px;margin-bottom:16px;display:flex}.dash-streak strong{color:var(--orange);font-size:40px;font-weight:800;line-height:1}.dash-streak span{color:var(--ink-secondary);font-size:14px}.dash-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.dash-week-day{color:var(--gray-400);flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.dash-week-day i{background:var(--gray-100);border-radius:10px;width:100%;max-width:32px;height:32px}.dash-week-day.is-active i{background:linear-gradient(135deg, var(--orange-light), var(--orange))}.dash-week-day.is-active{color:var(--orange-dark)}.dash-list{flex-direction:column;gap:10px;list-style:none;display:flex}.dash-list li{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.dash-list li.is-unread{border-left:3px solid var(--orange);background:var(--cream)}.dash-list strong{color:var(--ink);font-size:14px;font-weight:600}.dash-list p,.dash-list small{color:var(--ink-secondary);font-size:13px;line-height:1.5}.dash-status{background:var(--gray-100);color:var(--ink-secondary);border-radius:100px;align-self:flex-start;margin-bottom:4px;padding:2px 10px;font-size:11px;font-weight:700}.dash-status.is-live{background:var(--orange-tint);color:var(--orange-dark)}.dash-list li.dash-subtest{flex-direction:row;justify-content:space-between;align-items:center}.dash-list li.dash-subtest span{color:var(--orange-dark);font-weight:700}.dash-stat{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.dash-stat strong{color:var(--ink);font-size:30px;font-weight:800;line-height:1.1}.dash-stat span{color:var(--ink-secondary);font-size:13px}.dash-score{gap:28px;display:flex}.dash-sparkline{width:100%;height:48px}.dash-sparkline polyline{fill:none;stroke:var(--orange);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.dash-chips{flex-wrap:wrap;gap:8px;display:flex}.dash-chip{border:1px solid var(--border);background:var(--cream);color:var(--gray-500);border-radius:100px;padding:6px 12px;font-size:12px;font-weight:600}@media (max-width:380px){.dash-hello-bottom{flex-direction:column;align-items:stretch}.dash-hello .logout-button{width:100%}}@media (min-width:640px){.dash{padding-top:100px}.dash-hello{padding:28px}.dash-hello h1{font-size:26px}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"calendar notif""calendar streak""tryout tryout""score quota""subtes subtes"}.area-calendar{grid-area:calendar}.area-notif{grid-area:notif}.area-streak{grid-area:streak}.area-tryout{grid-area:tryout}.area-score{grid-area:score}.area-quota{grid-area:quota}.area-subtes{grid-area:subtes}}@media (min-width:1000px){.dash-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"calendar notif streak""calendar tryout tryout""score quota subtes"}}.nav-user-admin{background:var(--ink);color:var(--white);white-space:nowrap;border-radius:100px;padding:3px 9px;font-size:11px;font-weight:700}.admin-shell{--a-bg:#f5f5f7;--a-surface:#fff;--a-side:#fbfbfde6;--a-bar:#f5f5f7c7;--a-text:#1d1d1f;--a-muted:#6e6e73;--a-faint:#86868b;--a-line:#00000014;--a-fill:#0000000a;--a-fill-2:#00000012;--a-accent:#ff6a00;--a-accent-text:#c94a00;--a-accent-soft:#ff6a001a;--a-success:#1a7f37;--a-success-soft:#1a7f371a;--a-danger:#d70015;--a-danger-soft:#d7001514;--a-shadow:0 1px 2px #0000000a, 0 6px 20px #0000000a;--a-radius:18px;--a-radius-sm:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark] .admin-shell{--a-bg:#000;--a-surface:#1c1c1e;--a-side:#161618eb;--a-bar:#000000b8;--a-text:#f5f5f7;--a-muted:#a1a1a6;--a-faint:#8e8e93;--a-line:#ffffff1a;--a-fill:#ffffff0f;--a-fill-2:#ffffff1c;--a-accent:#ff8a3d;--a-accent-text:#ffa363;--a-accent-soft:#ff8a3d29;--a-success:#30d158;--a-success-soft:#30d15826;--a-danger:#ff453a;--a-danger-soft:#ff453a26;--a-shadow:none;--orange-tint:#ff8a3d29;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=system] .admin-shell{--a-bg:#000;--a-surface:#1c1c1e;--a-side:#161618eb;--a-bar:#000000b8;--a-text:#f5f5f7;--a-muted:#a1a1a6;--a-faint:#8e8e93;--a-line:#ffffff1a;--a-fill:#ffffff0f;--a-fill-2:#ffffff1c;--a-accent:#ff8a3d;--a-accent-text:#ffa363;--a-accent-soft:#ff8a3d29;--a-success:#30d158;--a-success-soft:#30d15826;--a-danger:#ff453a;--a-danger-soft:#ff453a26;--a-shadow:none;--orange-tint:#ff8a3d29;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.admin-shell{background:var(--a-bg);min-height:100vh;color:var(--a-text);font-family:var(--font-apple);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}.admin-shell svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.admin-side{z-index:60;border-right:1px solid var(--a-line);background:var(--a-side);-webkit-backdrop-filter:saturate(180%)blur(20px);flex-direction:column;width:264px;padding:14px 12px;transition:transform .25s,width .2s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.admin-shell[data-drawer=open] .admin-side{transform:none}.admin-backdrop{z-index:55;background:#0000004d;display:none;position:fixed;inset:0}.admin-shell[data-drawer=open] .admin-backdrop{display:block}.admin-side-head{padding:4px 8px 18px}.admin-brand{color:var(--a-text);align-items:center;gap:10px;display:inline-flex}.admin-brand-mark{flex-shrink:0;display:none}.admin-brand-full{width:auto;height:24px}.admin-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:18px;display:flex;overflow-y:auto}.admin-nav-group{flex-direction:column;gap:2px;display:flex}.admin-nav-label{color:var(--a-faint);letter-spacing:.04em;text-transform:uppercase;padding:0 10px 6px;font-size:11px;font-weight:600}.admin-nav-item{height:36px;color:var(--a-muted);white-space:nowrap;border-radius:10px;align-items:center;gap:11px;padding:0 10px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.admin-nav-item svg{flex-shrink:0;width:18px;height:18px}.admin-nav-item:hover{background:var(--a-fill);color:var(--a-text)}.admin-nav-item.is-active{background:var(--a-fill-2);color:var(--a-text);font-weight:600}.admin-nav-item.is-active svg{color:var(--a-accent)}.admin-nav-badge{background:var(--a-accent);color:#fff;text-align:center;border-radius:10px;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;line-height:20px}.admin-side-footer{border-top:1px solid var(--a-line);flex-direction:column;gap:2px;padding-top:12px;display:flex}.admin-main{min-width:0}.admin-topbar{z-index:40;border-bottom:1px solid var(--a-line);background:var(--a-bar);-webkit-backdrop-filter:saturate(180%)blur(20px);justify-content:space-between;align-items:center;gap:10px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.admin-topbar-right{align-items:center;gap:6px;display:flex}.admin-icon-btn{cursor:pointer;width:36px;height:36px;color:var(--a-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:inline-flex;position:relative}.admin-icon-btn:hover{background:var(--a-fill-2)}.admin-icon-btn svg{width:19px;height:19px}.admin-bell span{background:var(--a-accent);color:#fff;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:3px;right:2px}.admin-me{align-items:center;gap:8px;margin-left:4px;display:flex}.admin-me-text{flex-direction:column;line-height:1.2;display:none}.admin-me-text strong{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;font-weight:600;overflow:hidden}.admin-me-text span{color:var(--a-faint);font-size:11px}.admin-topbar .logout-button{background:var(--a-fill);width:auto;height:32px;color:var(--a-text);border:none;border-radius:100px;padding:0 14px;font-size:13px;font-weight:500}.admin-topbar .logout-button:hover:not(:disabled){background:var(--a-fill-2);color:var(--a-text)}.admin-content{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:24px 16px 64px;display:flex}.admin-page-head{flex-direction:column;gap:4px;display:flex}.admin-page-head h1{color:var(--a-text);letter-spacing:-.025em;font-size:28px;font-weight:700;line-height:1.15}.admin-page-head p{color:var(--a-muted);font-size:15px;line-height:1.5}.admin-page-head-row{flex-flow:wrap;justify-content:space-between;align-items:center;gap:12px}.admin-date{color:var(--a-faint);font-size:13px;font-weight:500}.admin-back{color:var(--a-accent-text);align-self:flex-start;margin-bottom:4px;font-size:14px;font-weight:500}.admin-card{border-radius:var(--a-radius);background:var(--a-surface);box-shadow:var(--a-shadow);padding:20px}.admin-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-card-head h2{color:var(--a-text);letter-spacing:-.01em;font-size:17px;font-weight:600}.admin-link{color:var(--a-accent-text);font-size:14px;font-weight:500}.admin-help{color:var(--a-muted);margin:-6px 0 14px;font-size:13px;line-height:1.5}.admin-help-bottom{margin:14px 0 0}.admin-help code{background:var(--a-fill);border-radius:6px;padding:1px 6px;font-size:12px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-stat{border-radius:var(--a-radius);background:var(--a-surface);box-shadow:var(--a-shadow);flex-direction:column;gap:6px;padding:18px;display:flex}.admin-stat span{color:var(--a-muted);font-size:13px}.admin-stat strong{color:var(--a-text);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:26px;font-weight:600;line-height:1.1;overflow:hidden}.admin-stat-link{transition:transform .15s}.admin-stat-link:hover{transform:translateY(-1px)}.admin-grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.admin-revenue{flex-direction:column;gap:4px;display:flex}.admin-revenue span,.admin-revenue small{color:var(--a-muted);font-size:13px}.admin-revenue strong{letter-spacing:-.02em;font-size:28px;font-weight:600}.admin-empty{border-radius:var(--a-radius-sm);background:var(--a-fill);color:var(--a-muted);padding:18px;font-size:14px;line-height:1.6}.admin-empty ul{margin-top:8px;padding-left:20px}.admin-soon{background:var(--a-accent-soft);color:var(--a-accent-text);border-radius:100px;margin-bottom:10px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.admin-bars{grid-template-columns:repeat(14,minmax(0,1fr));align-items:end;gap:6px;height:170px;display:grid}.admin-bars-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.admin-bar{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.admin-bar i{background:var(--a-accent);border-radius:6px;width:100%;max-width:28px;min-height:3px}.admin-bar-value{color:var(--a-muted);font-size:10px;font-weight:600}.admin-bar small{color:var(--a-faint);white-space:nowrap;font-size:10px}.admin-bars:not(.admin-bars-6) .admin-bar:nth-child(2n) small{visibility:hidden}.admin-staff-list,.admin-subtests{flex-direction:column;list-style:none;display:flex}.admin-staff-list li{border-bottom:1px solid var(--a-line);justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;display:flex}.admin-staff-list li:last-child,.admin-subtests li:last-child{border-bottom:none}.admin-staff-list strong{font-size:17px;font-weight:600}.admin-subtests li{border-bottom:1px solid var(--a-line);color:var(--a-muted);grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:grid}.admin-subtests strong{color:var(--a-text)}.admin-subtest-code{background:var(--a-accent-soft);color:var(--a-accent-text);text-align:center;border-radius:6px;padding:3px 0;font-size:11px;font-weight:700}.admin-subtest-name{color:var(--a-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-shortcut{border-radius:var(--a-radius-sm);background:var(--a-fill);color:var(--a-text);align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.admin-shortcut svg{width:18px;height:18px;color:var(--a-accent)}.admin-shortcut:hover{background:var(--a-fill-2)}.admin-role,.admin-pill,.admin-phase,.admin-program,.admin-banned{background:var(--a-fill-2);color:var(--a-muted);white-space:nowrap;border-radius:100px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.admin-role-superadmin{background:var(--a-text);color:var(--a-bg)}.admin-role-admin,.admin-phase-berlangsung{background:var(--a-accent);color:#fff}.admin-role-tutor,.admin-phase-terjadwal,.admin-pill-pending{background:var(--a-accent-soft);color:var(--a-accent-text)}.admin-pill-siap,.admin-pill-published,.admin-pill-paid{background:var(--a-success-soft);color:var(--a-success)}.admin-banned,.admin-pill-rejected{background:var(--a-danger-soft);color:var(--a-danger)}.admin-pill-muted{text-transform:capitalize}.admin-btn{background:var(--a-fill-2);cursor:pointer;height:36px;color:var(--a-text);white-space:nowrap;border:none;border-radius:100px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.admin-btn:hover:not(:disabled){background:var(--a-line)}.admin-btn:disabled{cursor:wait;opacity:.5}.admin-btn-primary{background:var(--a-accent);color:#fff}.admin-btn-primary:hover:not(:disabled){background:var(--a-accent);opacity:.88}.admin-btn-danger{background:var(--a-danger-soft);color:var(--a-danger)}.admin-btn-danger:hover:not(:disabled){background:var(--a-danger-soft);opacity:.8}.admin-link-btn{cursor:pointer;color:var(--a-accent-text);background:0 0;border:none;padding:0;font-size:14px;font-weight:500}.admin-link-danger{color:var(--a-danger)}.admin-form{flex-direction:column;gap:16px;display:flex}.admin-form label,.admin-card>label{flex-direction:column;gap:6px;min-width:0;display:flex}.admin-form label>span,.admin-card>label>span,.admin-field-label{color:var(--a-muted);font-size:13px;font-weight:500;display:block}.admin-field-label{margin-bottom:8px}.admin-shell input:not([type=checkbox]):not([type=radio]):not([type=file]),.admin-shell select,.admin-shell textarea{background:var(--a-fill);width:100%;min-width:0;height:40px;color:var(--a-text);border:1px solid #0000;border-radius:10px;padding:0 12px;font-size:15px;transition:border-color .15s,box-shadow .15s,background .15s}.admin-shell textarea{resize:vertical;height:auto;padding:10px 12px;line-height:1.55}.admin-shell input:focus,.admin-shell select:focus,.admin-shell textarea:focus{border-color:var(--a-accent);background:var(--a-surface);box-shadow:0 0 0 3px var(--a-accent-soft);outline:none}.admin-shell input::placeholder,.admin-shell textarea::placeholder{color:var(--a-faint)}.admin-form-grid{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.admin-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-form-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.admin-feedback{font-size:13px;line-height:1.5}.admin-feedback.is-ok{color:var(--a-success)}.admin-feedback.is-error{color:var(--a-danger)}.admin-search,.admin-invite-form{flex-wrap:wrap;gap:8px;display:flex}.admin-search input,.admin-invite-form textarea{flex:220px}.admin-search select{flex:none;width:auto}.admin-invite-form textarea{flex-basis:100%}.admin-invite-form select{flex:160px;width:auto}.admin-segmented{background:var(--a-fill-2);border-radius:11px;align-self:flex-start;gap:2px;max-width:100%;padding:3px;display:inline-flex}.admin-segmented-scroll{scrollbar-width:none;overflow-x:auto}.admin-segmented a{color:var(--a-muted);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500}.admin-segmented a.is-active{background:var(--a-surface);color:var(--a-text);box-shadow:0 1px 3px #0000001f}.admin-segmented em{color:var(--a-faint);margin-left:4px;font-style:normal}.admin-filters{scrollbar-width:none;gap:6px;margin:14px 0;display:flex;overflow-x:auto}.admin-filters-top{margin-top:0}.admin-chip{background:var(--a-fill);color:var(--a-muted);border-radius:100px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:500}.admin-chip.is-active{background:var(--a-text);color:var(--a-bg)}.admin-users,.admin-log,.admin-payments,.admin-tryouts,.admin-messages,.soal-list{flex-direction:column;list-style:none;display:flex}.admin-user{border-top:1px solid var(--a-line);flex-direction:column;gap:10px;padding:14px 0;display:flex}.admin-user-main{align-items:center;gap:12px;min-width:0;display:flex}.admin-user-text{flex-direction:column;min-width:0;display:flex}.admin-user-text strong{font-size:15px;font-weight:600}.admin-user-text em{color:var(--a-faint);font-style:normal;font-weight:400}.admin-user-text span{overflow-wrap:anywhere;color:var(--a-muted);font-size:13px}.admin-user-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-user-meta small{color:var(--a-faint);font-size:12px}.admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-shell .admin-actions select{width:auto;height:36px;font-size:13px}.admin-invites{border-top:1px solid var(--a-line);margin-top:18px;padding-top:16px}.admin-invites h3{color:var(--a-muted);margin-bottom:10px;font-size:13px;font-weight:600}.admin-invites ul{flex-direction:column;gap:8px;list-style:none;display:flex}.admin-invites li{border-radius:var(--a-radius-sm);background:var(--a-fill);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.admin-invites li>div{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.admin-invites strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}.admin-pagination{border-top:1px solid var(--a-line);color:var(--a-muted);justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:14px;font-size:13px;display:flex}.admin-messages{gap:8px}.admin-messages li{border-radius:var(--a-radius-sm);background:var(--a-fill);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.admin-messages li.is-unread{background:var(--a-accent-soft)}.admin-messages strong{font-size:15px;font-weight:600}.admin-messages p{color:var(--a-muted);white-space:pre-line;font-size:14px;line-height:1.5}.admin-messages small{color:var(--a-faint);font-size:12px}.admin-message-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.admin-log li{border-top:1px solid var(--a-line);flex-direction:column;gap:3px;padding:12px 0;display:flex}.admin-log-compact li:first-child{border-top:none;padding-top:0}.admin-log-who{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-log-who strong{font-size:14px;font-weight:600}.admin-log-what{color:var(--a-muted);flex-direction:column;font-size:13px;display:flex}.admin-log-what small{overflow-wrap:anywhere;color:var(--a-faint);font-size:12px}.admin-log time{color:var(--a-faint);font-size:12px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px}.admin-table th,.admin-table td{border-bottom:1px solid var(--a-line);text-align:center;padding:12px 10px}.admin-table th{color:var(--a-faint);font-size:12px;font-weight:600}.admin-table th:first-child,.admin-table td:first-child{background:var(--a-surface);text-align:left;position:sticky;left:0}.admin-table-left th,.admin-table-left td{text-align:left}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table td.is-yes{color:var(--a-accent);font-weight:700}.admin-table td.is-no{color:var(--a-faint)}.admin-table a:hover{color:var(--a-accent-text)}.admin-tryouts{gap:8px}.admin-tryout{border-radius:var(--a-radius-sm);background:var(--a-fill);flex-direction:column;gap:10px;padding:14px 16px;transition:background .15s;display:flex}.admin-tryout:hover{background:var(--a-fill-2)}.admin-tryout-main{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.admin-tryout-main strong{font-size:15px;font-weight:600}.admin-tryout-main small{color:var(--a-faint);font-size:12px}.admin-tryout-tags,.soal-tags{flex-wrap:wrap;gap:6px;display:flex}.admin-tryout-numbers{color:var(--a-muted);flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.admin-tryout-numbers strong{color:var(--a-text)}.admin-phase-selesai{background:var(--a-text);color:var(--a-bg)}.admin-status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-status-bar strong{font-size:16px;font-weight:600}.admin-status-bar .admin-help{margin:2px 0 0}.admin-sections{flex-direction:column;gap:8px;list-style:none;display:flex}.admin-sections li{border-radius:var(--a-radius-sm);background:var(--a-fill);grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;padding:14px;display:grid}.admin-shell .admin-sections input,.admin-shell .admin-sections select{background:var(--a-surface)}.admin-sections li>label:first-of-type{grid-column:2/-1}.admin-section-no{background:var(--a-text);width:28px;height:28px;color:var(--a-bg);border-radius:50%;grid-row:span 2;justify-content:center;align-self:start;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.admin-section-tools{grid-column:2/-1;justify-content:flex-end;gap:6px;display:flex}.admin-section-tools button{background:var(--a-surface);cursor:pointer;width:32px;height:32px;color:var(--a-muted);border:none;border-radius:50%}.admin-section-tools button:hover:not(:disabled){color:var(--a-accent)}.admin-section-tools button:disabled{cursor:not-allowed;opacity:.35}.admin-sections-footer{color:var(--a-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.admin-sections-footer strong{color:var(--a-text)}.admin-payments li{border-top:1px solid var(--a-line);grid-template-columns:56px minmax(0,1fr);gap:14px;padding:14px 0;display:grid}.admin-payments li:first-child{border-top:none;padding-top:0}.admin-proof{background:var(--a-fill);border-radius:10px;width:56px;height:56px;display:block;overflow:hidden}.admin-proof img{object-fit:cover;width:100%;height:100%}.admin-proof-empty{color:var(--a-faint);place-items:center;display:grid}.admin-payment-main{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-payment-main strong{font-size:17px;font-weight:600}.admin-payment-main span{font-size:14px}.admin-payment-main small{overflow-wrap:anywhere;color:var(--a-faint);font-size:12px}.admin-payment-side{grid-column:2}.qris-setting{flex-direction:column;gap:20px;display:flex}.qris-current{aspect-ratio:1;width:100%;max-width:240px;box-shadow:inset 0 0 0 1px var(--a-line);background:#fff;border-radius:16px;place-items:center;padding:12px;display:grid}.qris-current img{object-fit:contain;max-width:100%;max-height:100%}.qris-empty{color:#86868b;font-size:14px}.qris-fields{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.upload{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.upload-drop{border:1.5px dashed var(--a-line,#00000026);background:var(--a-fill,#00000008);cursor:pointer;text-align:center;border-radius:14px;place-items:center;width:100%;min-height:140px;padding:14px;transition:border-color .15s;display:grid;position:relative}.upload-drop:hover{border-color:var(--a-accent,var(--orange))}.upload-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.upload-drop img{object-fit:contain;border-radius:8px;max-width:100%;max-height:260px}.upload-drop span{flex-direction:column;gap:2px;display:flex}.upload-drop strong{color:var(--a-text,var(--ink));font-size:14px;font-weight:600}.upload-drop small{color:var(--a-faint,var(--gray-500));font-size:12px}.upload-reset{cursor:pointer;color:var(--a-accent-text,var(--orange-dark));background:0 0;border:none;padding:0;font-size:13px;font-weight:500}.soal-list li+li{border-top:1px solid var(--a-line)}.soal-item{border-radius:var(--a-radius-sm);flex-direction:column;gap:8px;margin:0 -10px;padding:14px 10px;transition:background .15s;display:flex}.soal-item:hover{background:var(--a-fill)}.soal-item p{-webkit-line-clamp:2;color:var(--a-text);white-space:pre-line;-webkit-box-orient:vertical;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.soal-item small{color:var(--a-faint);font-size:12px}.soal-options{flex-direction:column;gap:8px;list-style:none;display:flex}.soal-options li{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:10px;display:grid}.soal-key{background:var(--a-fill-2);cursor:pointer;width:36px;height:36px;color:var(--a-muted);border:none;border-radius:50%;margin-top:2px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.soal-options li.is-answer .soal-key{background:var(--a-success);color:#fff}.soal-options li.is-answer textarea{box-shadow:inset 0 0 0 1.5px var(--a-success)}.soal-preview{white-space:pre-line;line-height:1.6}.video-grid{grid-template-columns:minmax(0,1fr);gap:16px;list-style:none;display:grid}.video-card{padding:0;overflow:hidden}.video-thumb{aspect-ratio:16/9;color:#fff;background:#000;place-items:center;font-size:28px;display:grid}.video-thumb img{object-fit:cover;width:100%;height:100%}.video-body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.video-body strong{font-size:15px;font-weight:600}.video-body p{-webkit-line-clamp:2;color:var(--a-muted);-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.video-actions{gap:14px;margin-top:4px;display:flex}@media (min-width:640px){.admin-content{padding:32px 28px 72px}.admin-page-head h1{font-size:32px}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-bars:not(.admin-bars-6) .admin-bar:nth-child(2n) small{visibility:visible}.admin-me-text{display:flex}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-form-full{grid-column:1/-1}.admin-sections li{grid-template-columns:28px minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto}.admin-sections li>label:first-of-type,.admin-section-tools{grid-column:auto}.admin-section-no{grid-row:auto;align-self:end;margin-bottom:6px}.admin-section-tools{margin-bottom:4px}.admin-tryout{flex-direction:row;justify-content:space-between;align-items:center}.admin-log li{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:center;gap:14px;display:grid}.admin-payments li{grid-template-columns:64px minmax(0,1fr) auto;align-items:center}.admin-proof{width:64px;height:64px}.admin-payment-side{grid-column:auto}.qris-setting{flex-direction:row;align-items:flex-start}.qris-current{flex-shrink:0;width:240px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.admin-shell{grid-template-columns:248px minmax(0,1fr);transition:grid-template-columns .2s;display:grid}.admin-shell[data-collapsed=true]{grid-template-columns:72px minmax(0,1fr)}.admin-side{width:auto;height:100vh;position:sticky;transform:none}.admin-backdrop{display:none!important}.admin-shell[data-collapsed=true] .admin-side{padding:14px 10px}.admin-shell[data-collapsed=true] .admin-side .admin-brand-full,.admin-shell[data-collapsed=true] .admin-nav-text,.admin-shell[data-collapsed=true] .admin-nav-label{display:none}.admin-shell[data-collapsed=true] .admin-side-head{justify-content:center;padding:4px 0 18px;display:flex}.admin-shell[data-collapsed=true] .admin-brand-mark{display:block}.admin-shell[data-collapsed=true] .admin-nav-group+.admin-nav-group{border-top:1px solid var(--a-line);padding-top:12px}.admin-shell[data-collapsed=true] .admin-nav-item{justify-content:center;padding:0}.admin-shell[data-collapsed=true] .admin-nav-badge{min-width:8px;height:8px;padding:0;font-size:0;position:absolute;top:3px;right:6px}.admin-topbar{padding:0 28px}.admin-content{padding:36px 40px 80px}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-card-wide{grid-column:span 2}.admin-user{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.admin-actions{justify-content:flex-end}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-mt{margin-top:14px}.admin-switch{cursor:pointer;align-self:end;align-items:center;min-height:40px;flex-direction:row!important;gap:10px!important}.admin-switch input{width:20px;height:20px;accent-color:var(--a-accent)}.admin-switch span{color:var(--a-text)!important;font-size:14px!important}.admin-input-row{gap:8px;display:flex}.admin-input-row input{font-variant-numeric:tabular-nums;letter-spacing:.2em}.admin-inline{align-items:center;flex-direction:row!important;gap:8px!important}.admin-shell .admin-inline select{width:auto}.admin-import-tools{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.admin-file-btn{position:relative;overflow:hidden}.admin-file-btn input{opacity:0;cursor:pointer;position:absolute;inset:0}.admin-shell textarea.admin-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.admin-errors{margin-top:6px;padding-left:18px}.admin-stars-off{color:var(--a-fill-2)}.admin-messages strong .admin-stars-off{font-weight:inherit}.admin-icon-small{width:30px;height:30px;color:var(--a-faint)}.admin-icon-small svg{width:16px;height:16px}.tq-list{flex-direction:column;margin-bottom:14px;list-style:none;display:flex}.tq-list li{border-bottom:1px solid var(--a-line);grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 0;display:grid}.tq-no{color:var(--a-faint);text-align:right;font-size:13px}.tq-body{color:var(--a-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.tq-body:hover{color:var(--a-accent-text)}.tq-meta{color:var(--a-faint);white-space:nowrap;font-size:12px}.tq-picker ul{border-radius:var(--a-radius-sm);background:var(--a-fill);flex-direction:column;max-height:420px;margin-bottom:14px;list-style:none;display:flex;overflow-y:auto}.tq-picker li+li{border-top:1px solid var(--a-line)}.tq-picker label{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.tq-picker input{width:18px;height:18px;accent-color:var(--a-accent);flex-shrink:0;margin-top:2px}.tq-picker span{flex-direction:column;gap:2px;font-size:14px;line-height:1.45;display:flex}.tq-picker small{color:var(--a-faint);font-size:12px}.tq-actions{margin-left:0}.to-page{width:min(960px,92%);margin:auto;padding:100px 0 72px}.to-head{margin-bottom:20px}.to-head h1,.to-detail h1{color:var(--ink);letter-spacing:-.02em;font-size:30px;font-weight:700}.to-back{color:var(--ink-secondary);margin-bottom:18px;font-size:14px;font-weight:600;display:inline-block}.to-back:hover{color:var(--orange-dark)}.to-list{grid-template-columns:minmax(0,1fr);gap:12px;list-style:none;display:grid}.to-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);flex-direction:column;align-items:flex-start;gap:6px;padding:18px;transition:border-color .15s,transform .15s;display:flex}.to-card:hover{border-color:var(--orange-light);transform:translateY(-2px)}.to-card strong{color:var(--ink);font-size:16px}.to-card small{color:var(--gray-500);font-size:13px}.to-card-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.to-card-foot b{color:var(--orange-dark)}.to-card-foot em{background:var(--orange-tint);color:var(--orange-dark);border-radius:100px;padding:2px 9px;font-size:12px;font-style:normal;font-weight:600}.to-detail{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.to-desc{color:var(--ink-secondary);margin-top:8px;line-height:1.6}.to-facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:20px 0;display:grid}.to-facts div{border-radius:var(--radius-sm);background:var(--cream);padding:14px}.to-facts dt{color:var(--gray-500);font-size:12px}.to-facts dd{color:var(--ink);font-size:14px;font-weight:600}.to-sections{flex-direction:column;list-style:none;display:flex}.to-sections li{border-bottom:1px solid var(--border);grid-template-columns:48px minmax(0,1fr);gap:2px 12px;padding:12px 0;display:grid}.to-sections li span{background:var(--orange-tint);color:var(--orange-dark);text-align:center;border-radius:8px;grid-row:span 2;align-self:center;padding:4px 0;font-size:11px;font-weight:800}.to-sections strong{color:var(--ink);font-size:14px}.to-sections small{color:var(--gray-500);font-size:13px}.to-buy{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);flex-direction:column;align-self:start;gap:10px;padding:22px;display:flex;box-shadow:0 20px 50px #1d1d1f0f}.to-price{color:var(--ink);letter-spacing:-.02em;font-size:28px;font-weight:800}.to-cta{width:100%}.to-ok{color:#027a48;font-weight:700}.to-wait{color:var(--orange-dark);font-weight:700}.to-rejected{color:#b42318;font-size:14px}.to-note{color:var(--ink-secondary);font-size:14px;line-height:1.5}.bayar-page{width:min(520px,92%)}.bayar-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 22px;display:flex}.bayar-card h1{color:var(--ink);letter-spacing:-.02em;font-size:34px;font-weight:800}.bayar-for{color:var(--ink-secondary);font-size:14px}.bayar-qris{width:100%;max-width:300px;box-shadow:0 0 0 1px var(--border), 0 16px 40px #1d1d1f14;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:8px;margin:18px 0 8px;padding:14px;display:flex}.bayar-qris img{width:100%;height:auto}.bayar-qris span{color:var(--ink);font-size:13px;font-weight:600}.bayar-steps{width:100%;color:var(--ink-secondary);text-align:left;margin:10px 0 14px;padding-left:22px;font-size:14px;line-height:1.8}.bayar-form{flex-direction:column;gap:12px;width:100%;display:flex}.bayar-submit{cursor:pointer;border:none;width:100%}.bayar-submit:disabled{cursor:wait;opacity:.6}.dash-tryout{padding:0!important}.dash-tryout a{border-radius:var(--radius-sm);flex-direction:column;gap:3px;padding:12px 14px;transition:background .15s;display:flex}.dash-tryout a:hover{background:var(--cream)}@media (min-width:640px){.to-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:860px){.to-detail{grid-template-columns:minmax(0,1fr) 300px;gap:36px}.to-buy{position:sticky;top:96px}}.to-card-tags{flex-wrap:wrap;gap:6px;display:flex}.to-badge-premium,.to-badge-free{border-radius:100px;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:700}.to-badge-premium{background:linear-gradient(135deg, var(--orange-light), var(--orange-dark));color:#fff}.to-badge-free{background:var(--cream);color:var(--ink-secondary);box-shadow:inset 0 0 0 1px var(--border)}.to-choices{flex-direction:column;gap:12px;display:flex}.to-choices h2{color:var(--ink);font-size:17px;font-weight:700}.to-choice{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px;display:flex}.to-choice-premium{border-color:var(--orange-light);background:linear-gradient(180deg, var(--orange-tint), var(--white) 60%)}.to-choice-head{justify-content:space-between;align-items:baseline;display:flex}.to-choice-head strong{color:var(--ink);font-size:16px}.to-choice-head span{color:var(--orange-dark);font-weight:800}.to-requirements{border-radius:var(--radius-sm);background:var(--cream);color:var(--ink-secondary);white-space:pre-line;padding:10px 12px;font-size:13px;line-height:1.6}.to-benefits{color:var(--ink-secondary);padding-left:0;font-size:13px;line-height:1.7;list-style:none}.to-benefits li:before{content:"✓ ";color:var(--orange-dark);font-weight:800}.to-upsell{border-radius:var(--radius-sm);background:var(--orange-tint);padding:12px 14px;font-size:13px}.to-upsell p{color:var(--ink);font-weight:600}.to-upsell a{color:var(--orange-dark);font-weight:700}.to-upsell small{color:var(--ink-secondary)}.kode-form{flex-direction:column;gap:6px;display:flex}.kode-form label{color:var(--ink-secondary);font-size:12px;font-weight:600}.kode-row{gap:8px;display:flex}.kode-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);min-width:0;height:48px;color:var(--ink);letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;flex:1;padding:0 12px;font-size:22px;font-weight:700}.kode-input:focus{outline:2px solid var(--orange-light);outline-offset:1px}.kode-submit{border-radius:var(--radius-sm);background:var(--ink);cursor:pointer;color:var(--white);border:none;padding:0 18px;font-weight:700}.kode-ok{color:#027a48;font-size:13px;font-weight:600}.kode-error{color:#b42318;font-size:13px}.bayar-benefits{text-align:left;margin:8px 0 0}.gratis-form{flex-direction:column;gap:12px;display:flex}.gratis-steps{flex-direction:column;gap:12px;list-style:none;display:flex}.gratis-steps li{flex-direction:column;gap:8px;display:flex}.gratis-step-head{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.gratis-step-no{background:var(--ink);width:24px;height:24px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.gratis-step-head strong{color:var(--ink);font-size:14px}.gratis-step-head a{color:var(--orange-dark);grid-column:2;font-size:13px;font-weight:700}.gratis-steps .upload-drop{min-height:84px}.gratis-privacy{color:var(--gray-500);font-size:12px}.gratis-code{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.gratis-code>span{color:var(--ink-secondary);font-size:13px;font-weight:600}.gratis-code>strong{border-radius:var(--radius-sm);background:var(--ink);color:var(--white);letter-spacing:.3em;font-variant-numeric:tabular-nums;padding:10px 18px;font-size:30px;font-weight:800}.gratis-code>small{color:var(--gray-500);margin-bottom:10px;font-size:12px}.gratis-code .kode-form{text-align:left;width:100%}.exam{background:#f5f5f7;flex-direction:column;min-height:100dvh;display:flex}.exam-bar{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(16px);background:#ffffffd9;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.exam-bar-title{flex-direction:column;min-width:0;display:flex}.exam-bar-title small{color:var(--gray-500);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.exam-bar-title strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.exam-timer{background:var(--ink);color:var(--white);font-variant-numeric:tabular-nums;border-radius:100px;flex-shrink:0;padding:6px 12px;font-size:15px;font-weight:700}.exam-timer.is-low{background:#d70015}.exam-progress{background:#0000000f;height:3px}.exam-progress i{background:var(--orange);height:100%;transition:width .2s;display:block}.exam-body{flex:1;width:min(760px,100%);margin:0 auto;padding:20px 16px 120px}.exam-number{color:var(--gray-500);margin-bottom:10px;font-size:13px;font-weight:600}.exam-number span{font-weight:500}.exam-question{background:var(--white);color:var(--ink);white-space:pre-line;border-radius:18px;padding:20px;font-size:17px;line-height:1.65;box-shadow:0 1px 2px #0000000a}.exam-options{flex-direction:column;gap:10px;margin-top:14px;list-style:none;display:flex}.exam-options button{background:var(--white);cursor:pointer;width:100%;min-height:56px;color:var(--ink);text-align:left;border:1.5px solid #0000;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:16px;line-height:1.5;transition:border-color .15s,background .15s;display:flex;box-shadow:0 1px 2px #0000000a}.exam-options button:hover{border-color:var(--orange-light)}.exam-options button.is-chosen{border-color:var(--orange);background:var(--orange-tint)}.exam-key{background:#f0f0f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:700;display:inline-flex}.is-chosen .exam-key{background:var(--orange);color:#fff}.exam-option-text{white-space:pre-line;padding-top:3px}.exam-warning{color:#b42318;margin-top:12px;font-size:13px}.exam-nav{z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:saturate(180%)blur(16px);background:#ffffffeb;border-top:1px solid #0000000f;grid-template-columns:1fr auto 1fr;gap:8px;display:grid;position:fixed;bottom:0;left:0;right:0}.exam-nav button{cursor:pointer;height:46px;color:var(--ink);background:#f0f0f2;border:none;border-radius:14px;padding:0 14px;font-size:14px;font-weight:600}.exam-nav button:disabled{opacity:.4;cursor:default}.exam-nav .exam-nav-grid{background:var(--ink);min-width:72px;color:var(--white);font-variant-numeric:tabular-nums}.exam-nav .is-primary{background:var(--orange);color:#fff}.exam-grid-panel{z-index:20;background:var(--white);border-radius:20px 20px 0 0;width:min(760px,100%);max-height:60vh;margin:0 auto;padding:16px;position:fixed;bottom:70px;left:0;right:0;overflow-y:auto;box-shadow:0 -16px 40px #0000001f}.exam-grid-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.exam-grid-head button{cursor:pointer;background:#f0f0f2;border:none;border-radius:50%;width:32px;height:32px}.exam-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px;display:grid}.exam-grid button{cursor:pointer;height:44px;color:var(--ink);background:#f0f0f2;border:1.5px solid #0000;border-radius:12px;font-weight:600}.exam-grid button.is-answered{background:var(--orange-tint);color:var(--orange-dark)}.exam-grid button.is-current{border-color:var(--ink)}.exam-finish{background:var(--orange);cursor:pointer;color:#fff;border:none;border-radius:14px;width:100%;height:48px;margin-top:16px;font-size:15px;font-weight:700}.exam-finish:disabled{opacity:.6;cursor:wait}.hasil-page{width:min(820px,92%)}.hasil-score{border-radius:var(--radius-lg);background:var(--white);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:28px 20px;display:flex;box-shadow:0 1px 2px #0000000a,0 16px 40px #1d1d1f0d}.hasil-number{color:var(--ink);letter-spacing:-.04em;font-size:72px;font-weight:800;line-height:1}.hasil-score>p{color:var(--ink-secondary);font-size:15px}.hasil-subtests{flex-direction:column;gap:8px;width:100%;max-width:420px;margin-top:18px;list-style:none;display:flex}.hasil-subtests li{grid-template-columns:40px 1fr 44px;align-items:center;gap:10px;font-size:13px;display:grid}.hasil-subtests span{color:var(--ink);text-align:left;font-weight:700}.hasil-subtests i{background:#f0f0f2;border-radius:100px;height:8px;overflow:hidden}.hasil-subtests b{background:var(--orange);border-radius:100px;height:100%;display:block}.hasil-subtests small{color:var(--gray-500);text-align:right}.hasil-note{color:var(--gray-400);margin-top:10px;font-size:12px}.hasil-actions{justify-content:center;margin:18px 0;display:flex}.hasil-lock{border-radius:var(--radius-md);background:var(--ink);color:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:16px 18px;display:flex}.hasil-lock strong{font-size:15px}.hasil-lock p{color:var(--white);opacity:.7;font-size:13px}.hasil-review{flex-direction:column;gap:14px;list-style:none;display:flex}.hasil-q{border-radius:var(--radius-md);background:var(--white);padding:18px;box-shadow:0 1px 2px #0000000a}.hasil-q-head{color:var(--gray-500);justify-content:space-between;gap:10px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.hasil-q-head em{border-radius:100px;padding:2px 10px;font-style:normal}.is-benar .hasil-q-head em{color:#1a7f37;background:#1a7f371a}.is-salah .hasil-q-head em{color:#d70015;background:#d7001514}.is-kosong .hasil-q-head em{color:var(--gray-500);background:#f0f0f2}.hasil-q-body{color:var(--ink);white-space:pre-line;font-size:15px;line-height:1.65}.hasil-options{flex-direction:column;gap:6px;margin-top:12px;list-style:none;display:flex}.hasil-options li{color:var(--ink-secondary);background:#f7f7f8;border-radius:10px;gap:10px;padding:8px 12px;font-size:14px;line-height:1.5;display:flex}.hasil-options b{color:var(--ink);flex-shrink:0}.hasil-options li.is-answer{color:#14532d;background:#1a7f371a}.hasil-options li.is-wrong{color:#7f1d1d;background:#d7001514}.hasil-explain{border-left:3px solid var(--orange);background:var(--orange-tint);border-radius:0 10px 10px 0;margin-top:12px;padding:12px 14px}.hasil-explain strong{color:var(--orange-dark);font-size:13px}.hasil-explain p{color:var(--ink);white-space:pre-line;font-size:14px;line-height:1.6}.hasil-video{margin-top:10px}.hasil-video summary{cursor:pointer;color:var(--orange-dark);font-size:14px;font-weight:700}.hasil-video iframe{aspect-ratio:16/9;border:0;border-radius:12px;width:100%;margin-top:10px}.hasil-locked{color:var(--gray-500);margin-top:10px;font-size:13px}.hasil-ulasan{margin-top:24px}.ulasan{border-radius:var(--radius-lg);background:var(--white);flex-direction:column;gap:12px;padding:22px;display:flex;box-shadow:0 1px 2px #0000000a}.ulasan h2{color:var(--ink);font-size:18px;font-weight:700}.ulasan-stars{gap:4px;display:flex}.ulasan-stars button{cursor:pointer;color:#d9d9de;background:0 0;border:none;font-size:32px;line-height:1}.ulasan-stars button.is-on{color:var(--orange)}.ulasan textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--ink);resize:vertical;padding:12px;font-size:15px}.ulasan-submit{cursor:pointer;border:none;align-self:flex-start}.ulasan-submit:disabled{opacity:.5;cursor:default}.cetak{--white:#fff;--ink:#1d1d1f;--ink-secondary:#6e6a66;--orange:#ff6a00;--orange-dark:#e85300;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d1d1f;width:min(800px,92%);margin:0 auto;padding:24px 0 64px}.cetak-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.cetak-toolbar a{color:var(--ink-secondary);font-size:14px;font-weight:600}.cetak-toolbar button{cursor:pointer;border:none}.cetak-head{border-bottom:2px solid #1d1d1f;margin-bottom:20px;padding-bottom:16px}.cetak-head strong{font-size:18px}.cetak-head strong span{color:var(--orange)}.cetak-head h1{margin-top:6px;font-size:22px}.cetak-head p{color:#555;font-size:13px}.cetak-list{flex-direction:column;gap:22px;list-style:none;display:flex}.cetak-list>li{break-inside:avoid}.cetak-meta{color:#555;font-size:12px;font-weight:600}.cetak-body{white-space:pre-line;margin:6px 0;font-size:14px;line-height:1.6}.cetak-list ul{font-size:13px;line-height:1.7;list-style:none}.cetak-list ul li.is-answer{font-weight:700}.cetak-explain{border-left:3px solid var(--orange);background:#fff4ea;margin-top:8px;padding:8px 12px;font-size:13px;line-height:1.6}.cetak-explain p{white-space:pre-line}.cetak-video{color:#555;word-break:break-all;margin-top:4px;font-size:12px}@media print{.cetak-toolbar{display:none}.cetak{width:100%;padding:0}body{background:#fff!important}}@media (min-width:640px){.exam-body{padding-top:32px}.exam-question{padding:28px;font-size:18px}}.rank-page{width:min(760px,92%)}.rank-tabs{scrollbar-width:none;gap:8px;margin-bottom:20px;padding-bottom:4px;display:flex;overflow-x:auto}.rank-tabs a{background:var(--gray-100);color:var(--ink-secondary);white-space:nowrap;border-radius:980px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.rank-tabs a.is-active{background:var(--ink);color:var(--white)}.rank-tabs em{opacity:.7;font-size:12px;font-style:normal}.rank-mine{border-radius:var(--radius-md);background:var(--orange-tint);flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:20px;padding:16px 20px;display:flex}.rank-mine span{color:var(--ink-secondary);font-size:14px}.rank-mine strong{color:var(--orange-dark);letter-spacing:-.02em;font-size:30px;font-weight:800}.rank-mine small{color:var(--ink-secondary);font-size:14px}.rank-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin-bottom:16px;list-style:none;display:grid}.rank-podium li{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:18px 8px 0;display:flex}.rank-podium li.is-1{order:2}.rank-podium li.is-2{order:1}.rank-podium li.is-3{order:3}.rank-podium strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;overflow:hidden}.rank-podium-score{color:var(--ink-secondary);font-size:13px;font-weight:600}.rank-podium-place{background:var(--gray-100);border-radius:14px 14px 0 0;justify-content:center;align-items:flex-start;width:100%;margin-top:6px;padding-top:10px;font-size:22px;font-weight:800;display:flex}.rank-podium .is-1 .rank-podium-place{background:linear-gradient(180deg, #ffb066, var(--orange));color:#fff;height:96px}.rank-podium .is-2 .rank-podium-place{height:72px}.rank-podium .is-3 .rank-podium-place{height:56px}.rank-list{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);flex-direction:column;list-style:none;display:flex;overflow:hidden}.rank-list li{border-top:1px solid var(--border);grid-template-columns:36px 32px minmax(0,1fr) auto;grid-template-areas:"no av name score""no av meta score";align-items:center;gap:0 12px;padding:12px 16px;display:grid}.rank-list li:first-child{border-top:none}.rank-list li.is-me{background:var(--orange-tint)}.rank-list .rank-no{color:var(--ink-secondary);text-align:center;grid-area:no;font-weight:700}.rank-list .avatar{grid-area:av}.rank-list strong{white-space:nowrap;text-overflow:ellipsis;grid-area:name;font-size:15px;overflow:hidden}.rank-list small{color:var(--gray-500);grid-area:meta;font-size:12px}.rank-list b{font-variant-numeric:tabular-nums;grid-area:score;font-size:18px}.rank-list-me{margin-top:12px}.rank-note{color:var(--gray-500);text-align:center;margin-top:14px;font-size:13px}.hasil-rank{background:var(--orange-tint);color:var(--orange-dark);border-radius:980px;margin-top:14px;padding:8px 16px;font-size:14px;font-weight:600}.riwayat{flex-direction:column;gap:10px;list-style:none;display:flex}.riwayat-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s;display:flex}.riwayat-item:hover{border-color:var(--orange-light)}.riwayat-item>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.riwayat-item strong{font-size:15px}.riwayat-item small{color:var(--gray-500);font-size:13px}.riwayat-score{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.riwayat-score b{letter-spacing:-.02em;font-size:26px;font-weight:800}.admin-rank{flex-direction:column;list-style:none;display:flex}.admin-rank li{border-bottom:1px solid var(--a-line);grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:grid}.admin-rank li:last-child{border-bottom:none}.admin-rank-no{color:var(--a-faint);text-align:center;font-weight:700}.admin-rank small{color:var(--a-faint);font-size:12px}.admin-rank b{font-variant-numeric:tabular-nums;font-size:16px}.dash-hello-actions{gap:8px;display:flex}.dash-hello-actions .logout-button{align-items:center;display:inline-flex}.admin-row-actions{white-space:nowrap;justify-content:flex-end;gap:14px;display:flex}.rs-page,.an-page,.set-page{flex-direction:column;gap:16px;width:min(760px,92%);display:flex}.rs-sub,.rs-muted{color:var(--ink-secondary);font-size:14px;line-height:1.5}.rs-target{flex-direction:column;gap:8px;display:flex}.rs-target label{color:var(--ink-secondary);font-size:13px;font-weight:600}.rs-target-row{flex-wrap:wrap;gap:8px;display:flex}.rs-target select,.set-row-form input,.set-row-form select,.set-delete input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);min-width:0;height:44px;color:var(--ink);flex:220px;padding:0 12px;font-size:15px}.rs-target select:focus,.set-row-form input:focus,.set-row-form select:focus,.set-delete input:focus{outline:2px solid var(--orange-light);outline-offset:1px}.rs-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);flex-direction:column;gap:12px;padding:22px;display:flex}.rs-card h2{font-size:17px;font-weight:700}.rs-numbers{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;display:grid}.rs-numbers div{flex-direction:column;display:flex}.rs-numbers span{color:var(--ink-secondary);font-size:13px}.rs-numbers strong{letter-spacing:-.03em;font-size:44px;font-weight:800;line-height:1.1}.rs-numbers small{color:var(--gray-500);font-size:12px}.rs-meter{background:var(--gray-100);border-radius:980px;height:10px;margin:6px 0;position:relative}.rs-meter i{background:var(--orange);border-radius:980px;height:100%;display:block}.rs-meter b{background:var(--ink);border-radius:2px;width:3px;height:20px;margin-left:-1px;position:absolute;top:-5px}.rs-peluang{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:15px;display:flex}.rs-peluang strong{font-size:20px}.rs-peluang span{color:var(--ink-secondary);font-size:13px}.rs-card.is-aman,.an-peluang.is-aman{--peluang:#1a7f37}.rs-card.is-berpeluang,.an-peluang.is-berpeluang{--peluang:var(--orange-dark)}.rs-card.is-kerja-keras,.an-peluang.is-kerja-keras{--peluang:#b45309}.rs-card.is-jauh,.an-peluang.is-jauh{--peluang:#d70015}.rs-card[class*=is-]{border-color:color-mix(in srgb, var(--peluang) 40%, transparent)}.rs-card[class*=is-] .rs-peluang strong,.an-peluang{color:var(--peluang)}.rs-note{border-radius:var(--radius-sm);background:var(--cream);color:var(--ink-secondary);padding:10px 12px;font-size:13px}.rs-subtes,.an-subtes,.an-ranks{flex-direction:column;list-style:none;display:flex}.rs-subtes li{grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:grid}.rs-subtes span{font-weight:700}.rs-subtes i{background:var(--gray-100);border-radius:980px;height:8px;overflow:hidden}.rs-subtes b{background:var(--orange);border-radius:980px;height:100%;display:block}.rs-subtes small{color:var(--ink-secondary);text-align:right}.rs-link{color:var(--orange-dark);font-size:14px;font-weight:600}.rs-disclaimer{color:var(--gray-500);font-size:12px;line-height:1.6}.an-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.an-stats div{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);flex-direction:column;padding:16px;display:flex}.an-stats span{color:var(--ink-secondary);font-size:13px}.an-stats strong{letter-spacing:-.02em;font-size:28px;font-weight:800}.is-up{color:#1a7f37}.is-down{color:#d70015}.an-chart{width:100%;height:auto}.an-grid{stroke:var(--border);stroke-dasharray:4 4}.an-line{fill:none;stroke:var(--orange);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.an-dot{fill:var(--white);stroke:var(--orange);stroke-width:3px}.an-val{fill:var(--ink);font-size:13px;font-weight:700}.an-subtes li{border-bottom:1px solid var(--border);grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px 0;font-size:14px;display:grid}.an-subtes li:last-child,.an-ranks li:last-child{border-bottom:none}.an-code{background:var(--orange-tint);color:var(--orange-dark);text-align:center;border-radius:6px;padding:3px 0;font-size:11px;font-weight:800}.an-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.an-vals{color:var(--ink-secondary)}.an-vals b{color:var(--ink)}.an-subtes em{text-align:right;min-width:44px;font-size:12px;font-style:normal;font-weight:700}.an-grid2{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.an-peluang{font-size:24px;font-weight:800}.an-big{letter-spacing:-.03em;font-size:40px;font-weight:800;line-height:1}.an-ranks li{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:12px;padding:10px 0;font-size:14px;display:grid}.an-ranks a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.an-ranks a:hover{color:var(--orange-dark)}.an-ranks span{color:var(--ink-secondary);font-size:13px}.an-ranks b{text-align:right}.set-head{align-items:center;gap:16px;margin-bottom:8px;display:flex}.set-head h1{letter-spacing:-.02em;font-size:26px;font-weight:700}.set-head p{overflow-wrap:anywhere;color:var(--ink-secondary);font-size:14px}.set-group{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--white);overflow:hidden}.set-group h2{color:var(--ink-secondary);letter-spacing:.02em;text-transform:uppercase;padding:16px 20px 4px;font-size:13px;font-weight:600}.set-row{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding:14px 20px;display:flex}.set-group h2+.set-row{border-top:none}.set-row>div:first-child{flex-direction:column;min-width:0;display:flex}.set-row strong{font-size:15px}.set-row small{color:var(--gray-500);font-size:13px}.set-row-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.set-row-form p{flex-basis:100%}.set-btn{border:1px solid var(--border);background:var(--white);cursor:pointer;height:40px;color:var(--ink);border-radius:980px;padding:0 16px;font-size:14px;font-weight:600}.set-btn:hover:not(:disabled){border-color:var(--orange-light)}.set-btn:disabled{opacity:.6;cursor:wait}.set-btn-danger{color:#d70015;background:#d700151a;border-color:#0000}.set-value{overflow-wrap:anywhere;color:var(--ink-secondary);font-size:14px}.set-link{color:var(--orange-dark);font-size:14px;font-weight:600}.set-segmented{background:var(--gray-100);border-radius:11px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.set-segmented button{cursor:pointer;color:var(--ink-secondary);background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600}.set-segmented button.is-active{background:var(--white);color:var(--ink);box-shadow:0 1px 3px #0000001f}.set-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.set-delete{flex-direction:column;gap:10px;max-width:420px;display:flex}.set-delete p{color:var(--ink-secondary);font-size:13px;line-height:1.6}.set-delete label{font-size:13px;font-weight:600}.set-danger h2{color:#d70015}@media (min-width:640px){.an-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.an-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.set-row{flex-direction:row;justify-content:space-between;align-items:center}.set-row>div:first-child{flex:1}}.set-head-link{color:var(--orange-dark);flex-shrink:0;margin-left:auto;font-size:14px;font-weight:600}.rs-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.rs-target-name{flex-direction:column;display:flex}.rs-target-name strong{font-size:17px}.rs-target-name span{color:var(--ink-secondary);font-size:14px}.profil-form{flex-direction:column;gap:16px;display:flex}.profil-fields{flex-direction:column;gap:14px;padding:8px 20px 20px;display:flex}.profil-fields>label{flex-direction:column;gap:6px;display:flex}.profil-fields>label>span,.combo-label,.pilih-prodi legend{color:var(--ink-secondary);font-size:13px;font-weight:600}.profil-fields input,.profil-fields select,.combo-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;height:46px;color:var(--ink);padding:0 14px;font-size:16px}.profil-fields input:focus,.profil-fields select:focus,.combo-field input:focus{border-color:var(--orange-light);outline:3px solid var(--orange-tint)}.profil-fields input:disabled,.combo-field input:disabled{opacity:.55}.profil-help{color:var(--gray-500);font-size:12px}.profil-save{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.profil-save .primary-button{cursor:pointer;border:none}.profil-save .primary-button:disabled{opacity:.6;cursor:wait}.pilih-prodi{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--cream);flex-direction:column;gap:10px;padding:14px;display:flex}.pilih-prodi legend{color:var(--ink);padding:0 4px;font-size:14px;font-weight:700}.combo{flex-direction:column;gap:6px;display:flex;position:relative}.combo-field{position:relative}.combo-field input{padding-right:40px}.combo-clear{background:var(--gray-100);cursor:pointer;width:28px;height:28px;color:var(--ink-secondary);border:none;border-radius:50%;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.combo-list{z-index:30;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);max-height:300px;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #00000024}.combo-list li{cursor:pointer;border-radius:10px;flex-direction:column;padding:10px 12px;display:flex}.combo-list li.is-active{background:var(--orange-tint)}.combo-list strong{color:var(--ink);font-size:14px;font-weight:600}.combo-list small{color:var(--gray-500);font-size:12px}.combo-list .combo-info{color:var(--gray-500);cursor:default;font-size:13px}.kampus-table input{height:34px!important;font-size:14px!important}.kampus-table td:nth-child(2){width:120px}.kampus-table td:nth-child(3){min-width:220px}@media (min-width:640px){.profil-fields{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profil-fields>label:first-child,.pilih-prodi,.profil-help{grid-column:1/-1}}.app-shell{background:var(--page);min-height:100vh}.app-side{z-index:60;border-right:1px solid var(--border);background:var(--white);flex-direction:column;width:252px;padding:16px 12px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-shell[data-drawer=open] .app-side{transform:none}.app-backdrop{z-index:55;background:#0000004d;display:none;position:fixed;inset:0}.app-shell[data-drawer=open] .app-backdrop{display:block}.app-brand{align-items:center;height:40px;margin-bottom:18px;padding:0 8px;display:flex}.app-brand-full{width:auto;height:24px}.app-brand-mark{display:none}.app-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.app-nav-item{height:40px;color:var(--ink-secondary);white-space:nowrap;border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:flex}.app-nav-item svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:20px;height:20px}.app-nav-item:hover{background:var(--gray-100);color:var(--ink)}.app-nav-item.is-active{background:var(--orange-tint);color:var(--orange-dark);font-weight:600}.app-nav-sep{background:var(--border);height:1px;margin:10px 12px}.app-side-footer{border-top:1px solid var(--border);gap:14px;padding:12px 12px 0;font-size:12px;display:flex}.app-side-footer a{color:var(--gray-500)}.app-side-footer a:hover{color:var(--ink)}.app-main{min-width:0}.app-topbar{z-index:40;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--page) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);align-items:center;gap:10px;height:60px;padding:0 16px;display:flex;position:sticky;top:0}.app-icon-btn{cursor:pointer;width:38px;height:38px;color:var(--ink);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.app-icon-btn:hover{background:var(--gray-100)}.app-icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.app-topbar-logo img{width:auto;height:22px}.app-topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.app-user{border:1px solid var(--border);background:var(--white);border-radius:980px;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:inline-flex}.app-user span{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:14px;font-weight:600;display:none;overflow:hidden}.app-content .to-page,.app-content .dash{padding-top:28px}.app-content .exam{z-index:2000;position:fixed;inset:0;overflow-y:auto}.app-content .cetak{z-index:2000;background:#fff;width:100%;max-width:none;padding:24px max(4vw,16px) 64px;position:fixed;inset:0;overflow-y:auto}.app-content .cetak>*{max-width:800px;margin-inline:auto}@media print{.app-side,.app-topbar,.app-backdrop{display:none!important}.app-content .cetak{padding:0;position:static;overflow:visible}}@media (min-width:640px){.app-user span{display:inline}}@media (min-width:1000px){.app-shell{grid-template-columns:252px minmax(0,1fr);transition:grid-template-columns .2s;display:grid}.app-shell[data-collapsed=true]{grid-template-columns:76px minmax(0,1fr)}.app-side{width:auto;height:100vh;position:sticky;transform:none}.app-backdrop{display:none!important}.app-topbar-logo{display:none}.app-shell[data-collapsed=true] .app-brand{justify-content:center;padding:0}.app-shell[data-collapsed=true] .app-side .app-brand-full,.app-shell[data-collapsed=true] .app-nav-text,.app-shell[data-collapsed=true] .app-side-footer{display:none}.app-shell[data-collapsed=true] .app-brand-mark{display:block}.app-shell[data-collapsed=true] .app-nav-item{justify-content:center;padding:0}.app-topbar{padding:0 28px}}.pr-page{flex-direction:column;gap:16px;width:min(820px,92%);display:flex}.pr-hero{border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#1d1d1f,#3a2210);padding:32px 24px}.pr-badge{background:linear-gradient(135deg, var(--orange-light), var(--orange));border-radius:980px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.pr-hero h1{letter-spacing:-.03em;margin-top:12px;font-size:clamp(30px,5vw,42px);font-weight:700}.pr-hero>p{color:#ffffffb3;margin-top:4px;font-size:16px}.pr-benefits{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px;list-style:none;display:grid}.pr-benefits li{border-radius:var(--radius-md);background:#ffffff14;flex-direction:column;padding:14px 16px;display:flex}.pr-benefits strong{font-size:15px}.pr-benefits span{color:#ffffffb3;font-size:13px}.pr-list{flex-direction:column;gap:8px;list-style:none;display:flex}.pr-item{border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pr-item>div{flex-direction:column;min-width:0;display:flex}.pr-item strong{font-size:15px}.pr-item small{color:var(--gray-500);font-size:13px}.pr-status{background:var(--orange-tint);color:var(--orange-dark);border-radius:980px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:700}.pr-status.is-paid{color:#1a7f37;background:#1a7f371f}.pr-buy{flex-shrink:0;height:40px;padding:0 18px;font-size:14px}@media (min-width:640px){.pr-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}.jalur-badge-logo{box-shadow:inset 0 0 0 1px var(--border);background:#fff;padding:4px}.jalur-badge-logo img{object-fit:contain;width:100%;height:100%}.logo-list{flex-direction:column;gap:12px;display:flex}.logo-row{border-radius:var(--a-radius-sm);background:var(--a-fill);gap:14px;padding:14px;display:flex}.logo-preview{color:#1d1d1f;background:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:56px;height:56px;padding:6px;font-size:11px;font-weight:800;display:grid}.logo-preview img{object-fit:contain;max-width:100%;max-height:100%}.logo-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.logo-main .upload-drop{min-height:72px}.theme-toggle{cursor:pointer;width:36px;height:36px;color:var(--ink);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.theme-toggle:hover{background:var(--gray-100)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.nav-right{align-items:center;gap:6px;display:flex}.theme-icon-sun,.logo-on-dark{display:none}:root[data-theme=dark]{--white:#1c1c1e;--cream:#121214;--gray-100:#2c2c2e;--gray-400:#8e8e93;--gray-500:#98989d;--ink:#f5f5f7;--ink-secondary:#a1a1a6;--orange:#ff7a1a;--orange-light:#ff9a3d;--orange-dark:#ffa15c;--orange-tint:#ff8a3d29;--border:#2f2f33;--page:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--white:#1c1c1e;--cream:#121214;--gray-100:#2c2c2e;--gray-400:#8e8e93;--gray-500:#98989d;--ink:#f5f5f7;--ink-secondary:#a1a1a6;--orange:#ff7a1a;--orange-light:#ff9a3d;--orange-dark:#ffa15c;--orange-tint:#ff8a3d29;--border:#2f2f33;--page:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark] .theme-icon-sun,:root[data-theme=dark] .logo-on-dark{display:block}:root[data-theme=dark] .theme-icon-moon,:root[data-theme=dark] .logo-on-light{display:none}:root[data-theme=dark] .navbar{background:#161617b8;border-bottom-color:#ffffff14}:root[data-theme=dark] .nav-links a{color:#f5f5f7}:root[data-theme=dark] .home{color:#f5f5f7;background:#000}:root[data-theme=dark] .h-tile p,:root[data-theme=dark] .h-steps p,:root[data-theme=dark] .h-plan-note,:root[data-theme=dark] .h-empty,:root[data-theme=dark] .h-tryout small,:root[data-theme=dark] .h-tryout-status,:root[data-theme=dark] .h-float small{color:#a1a1a6}:root[data-theme=dark] .h-steps span,:root[data-theme=dark] .h-pill{color:#1d1d1f;background:#f5f5f7}:root[data-theme=dark] .h-chips span,:root[data-theme=dark] .h-week span,:root[data-theme=dark] .h-tile-dark,:root[data-theme=dark] .h-plan-premium{background:#2c2c2e}:root[data-theme=dark] .h-week span.is-on{background:var(--orange);color:#fff}:root[data-theme=dark] .h-float{background:#1c1c1ed9;box-shadow:0 20px 50px #00000080}:root[data-theme=dark] .h-tile,:root[data-theme=dark] .h-plan,:root[data-theme=dark] .h-tryout{background:#1c1c1e}:root[data-theme=dark] .h-tile-tint{background:linear-gradient(135deg,#2a1a0d,#3a2210)}:root[data-theme=dark] .h-final{background:linear-gradient(#000,#1a0f05)}:root[data-theme=dark] .site-footer{color:#a1a1a6;background:#0d0d0f;border-top-color:#2c2c2e}:root[data-theme=dark] .footer-cols h4{color:#f5f5f7}:root[data-theme=dark] .footer-cols a{color:#d2d2d7}:root[data-theme=dark] .footer-bottom{border-top-color:#2c2c2e}:root[data-theme=dark] .exam{background:#000}:root[data-theme=dark] .exam-bar,:root[data-theme=dark] .exam-nav{background:#1c1c1ee0;border-color:#ffffff14}:root[data-theme=dark] .exam-progress,:root[data-theme=dark] .exam-key,:root[data-theme=dark] .exam-nav button,:root[data-theme=dark] .exam-grid-head button,:root[data-theme=dark] .exam-grid button,:root[data-theme=dark] .hasil-subtests i,:root[data-theme=dark] .hasil-options li,:root[data-theme=dark] .is-kosong .hasil-q-head em{background:#2c2c2e}:root[data-theme=dark] .exam-question,:root[data-theme=dark] .exam-options button,:root[data-theme=dark] .exam-grid-panel{box-shadow:none}:root[data-theme=dark] .hasil-options li.is-answer{color:#8ee6a8;background:#30d15829}:root[data-theme=dark] .hasil-options li.is-wrong{color:#ffb4ab;background:#ff453a29}:root[data-theme=dark] .ulasan-stars button{color:#48484a}:root[data-theme=dark] .ulasan-stars button.is-on{color:var(--orange)}:root[data-theme=dark] .ulasan textarea{background:var(--white)}:root[data-theme=dark] .kode-ok,:root[data-theme=dark] .to-ok{color:#30d158}:root[data-theme=dark] .kode-error,:root[data-theme=dark] .to-rejected,:root[data-theme=dark] .exam-warning{color:#ff6b5e}:root[data-theme=dark] .upload-drop{background:#ffffff0a;border-color:#ffffff2e}:root[data-theme=dark] body:has(.cetak){background:#fff}@media (prefers-color-scheme:dark){:root[data-theme=system] .theme-icon-sun,:root[data-theme=system] .logo-on-dark{display:block}:root[data-theme=system] .theme-icon-moon,:root[data-theme=system] .logo-on-light{display:none}:root[data-theme=system] .navbar{background:#161617b8;border-bottom-color:#ffffff14}:root[data-theme=system] .nav-links a{color:#f5f5f7}:root[data-theme=system] .home{color:#f5f5f7;background:#000}:root[data-theme=system] .h-tile p,:root[data-theme=system] .h-steps p,:root[data-theme=system] .h-plan-note,:root[data-theme=system] .h-empty,:root[data-theme=system] .h-tryout small,:root[data-theme=system] .h-tryout-status,:root[data-theme=system] .h-float small{color:#a1a1a6}:root[data-theme=system] .h-steps span,:root[data-theme=system] .h-pill{color:#1d1d1f;background:#f5f5f7}:root[data-theme=system] .h-chips span,:root[data-theme=system] .h-week span,:root[data-theme=system] .h-tile-dark,:root[data-theme=system] .h-plan-premium{background:#2c2c2e}:root[data-theme=system] .h-week span.is-on{background:var(--orange);color:#fff}:root[data-theme=system] .h-float{background:#1c1c1ed9;box-shadow:0 20px 50px #00000080}:root[data-theme=system] .h-tile,:root[data-theme=system] .h-plan,:root[data-theme=system] .h-tryout{background:#1c1c1e}:root[data-theme=system] .h-tile-tint{background:linear-gradient(135deg,#2a1a0d,#3a2210)}:root[data-theme=system] .h-final{background:linear-gradient(#000,#1a0f05)}:root[data-theme=system] .site-footer{color:#a1a1a6;background:#0d0d0f;border-top-color:#2c2c2e}:root[data-theme=system] .footer-cols h4{color:#f5f5f7}:root[data-theme=system] .footer-cols a{color:#d2d2d7}:root[data-theme=system] .footer-bottom{border-top-color:#2c2c2e}:root[data-theme=system] .exam{background:#000}:root[data-theme=system] .exam-bar,:root[data-theme=system] .exam-nav{background:#1c1c1ee0;border-color:#ffffff14}:root[data-theme=system] .exam-progress,:root[data-theme=system] .exam-key,:root[data-theme=system] .exam-nav button,:root[data-theme=system] .exam-grid-head button,:root[data-theme=system] .exam-grid button,:root[data-theme=system] .hasil-subtests i,:root[data-theme=system] .hasil-options li,:root[data-theme=system] .is-kosong .hasil-q-head em{background:#2c2c2e}:root[data-theme=system] .exam-question,:root[data-theme=system] .exam-options button,:root[data-theme=system] .exam-grid-panel{box-shadow:none}:root[data-theme=system] .hasil-options li.is-answer{color:#8ee6a8;background:#30d15829}:root[data-theme=system] .hasil-options li.is-wrong{color:#ffb4ab;background:#ff453a29}:root[data-theme=system] .ulasan-stars button{color:#48484a}:root[data-theme=system] .ulasan-stars button.is-on{color:var(--orange)}:root[data-theme=system] .ulasan textarea{background:var(--white)}:root[data-theme=system] .kode-ok,:root[data-theme=system] .to-ok{color:#30d158}:root[data-theme=system] .kode-error,:root[data-theme=system] .to-rejected,:root[data-theme=system] .exam-warning{color:#ff6b5e}:root[data-theme=system] .upload-drop{background:#ffffff0a;border-color:#ffffff2e}:root[data-theme=system] body:has(.cetak){background:#fff}}:root[data-theme=dark] .is-up{color:#30d158}:root[data-theme=dark] .is-down,:root[data-theme=dark] .set-btn-danger,:root[data-theme=dark] .set-danger h2{color:#ff6b5e}:root[data-theme=dark] .rs-card.is-aman,:root[data-theme=dark] .an-peluang.is-aman{--peluang:#30d158}:root[data-theme=dark] .rs-card.is-jauh,:root[data-theme=dark] .an-peluang.is-jauh{--peluang:#ff6b5e}@media (prefers-color-scheme:dark){:root[data-theme=system] .is-up{color:#30d158}:root[data-theme=system] .is-down,:root[data-theme=system] .set-btn-danger,:root[data-theme=system] .set-danger h2{color:#ff6b5e}:root[data-theme=system] .rs-card.is-aman,:root[data-theme=system] .an-peluang.is-aman{--peluang:#30d158}:root[data-theme=system] .rs-card.is-jauh,:root[data-theme=system] .an-peluang.is-jauh{--peluang:#ff6b5e}}.home{--h-fill:#f5f5f7;--h-fill-2:#ececf0;--h-text:#1d1d1f;--h-muted:#6e6e73;--h-card:#fff}.h-marquee{max-width:1080px;margin:52px auto 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.h-marquee-track{width:max-content;animation:40s linear infinite h-marquee;display:flex}.h-marquee:hover .h-marquee-track{animation-play-state:paused}.h-marquee ul{gap:14px;padding-right:14px;list-style:none;display:flex}.h-marquee li{border:1px solid var(--border);background:var(--h-card);white-space:nowrap;border-radius:980px;align-items:center;gap:10px;padding:8px 16px 8px 8px;display:inline-flex}.h-marquee img,.h-marquee b{object-fit:contain;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.h-marquee b{background:var(--h-text);color:var(--h-card);font-size:10px;font-weight:800}.h-marquee img{background:#fff;padding:3px}.h-marquee span{color:var(--h-muted);font-size:14px;font-weight:600}@keyframes h-marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.h-marquee-track{animation:none}}.h-float-score{top:70px}.h-float-rank,.h-float-streak{flex-direction:row;align-items:center;gap:10px}.h-float-rank .icon,.h-float-streak .icon{color:var(--orange)}.h-float-rank div,.h-float-streak div{flex-direction:column;display:flex}.h-float-rank strong,.h-float-streak strong{font-size:18px;line-height:1.1}.h-float-chance strong{color:var(--orange-dark);font-size:18px}.h-float-chance em{color:var(--h-muted);font-size:12px;font-style:normal}.h-tile-icon{background:var(--h-card);width:44px;height:44px;color:var(--orange);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex;box-shadow:0 1px 2px #0000000d}.h-tile-dark .h-tile-icon{color:var(--orange-light);background:#ffffff1a}.h-mini-bars{align-items:flex-end;gap:8px;height:70px;margin-top:auto;padding-top:20px;display:flex}.h-mini-bars i{background:linear-gradient(180deg, var(--orange-light), var(--orange));border-radius:6px;flex:1}.h-tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px;display:flex}.h-tags span{border-radius:980px;padding:6px 12px;font-size:13px;font-weight:700}.h-tags .is-aman{color:#1a7f37;background:#1a7f371f}.h-tags .is-berpeluang{background:var(--orange-tint);color:var(--orange-dark)}.h-tags .is-kerja{color:#b45309;background:#b453091f}.h-rank{color:var(--h-text);letter-spacing:-.04em;margin-top:auto;font-size:64px;font-weight:800;line-height:1}.h-sub{max-width:560px;color:var(--h-muted);text-align:center;margin:-28px auto 40px;font-size:18px}.h-tryout-status{align-items:center;gap:6px;display:inline-flex}.h-standards{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:28px;list-style:none;display:grid}.h-standards li{background:var(--h-fill);border-radius:24px;flex-direction:column;padding:22px;display:flex}.h-standards .h-tile-icon{margin-bottom:12px}.h-standards strong{font-size:17px}.h-standards small{color:var(--h-muted);font-size:14px;line-height:1.5}.h-tutors{grid-template-columns:minmax(0,1fr);gap:14px;list-style:none;display:grid}.h-tutor{border:1px solid var(--border);background:var(--h-card);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:26px 20px;display:flex;position:relative}.h-tutor .avatar{margin-bottom:8px}.h-tutor strong{font-size:17px}.h-tutor-field{background:var(--orange-tint);color:var(--orange-dark);border-radius:980px;padding:3px 10px;font-size:12px;font-weight:700}.h-tutor small{color:var(--h-muted);font-size:13px}.h-tutor p{color:var(--h-muted);margin-top:8px;font-size:14px;line-height:1.5}.h-tutor-dummy{background:var(--h-fill-2);color:var(--h-muted);letter-spacing:.02em;text-transform:uppercase;border-radius:980px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.h-step-icon{justify-content:center;align-items:center;margin-bottom:16px;position:relative;background:var(--h-fill)!important;width:64px!important;height:64px!important;color:var(--orange)!important;border-radius:20px!important;display:inline-flex!important}.h-step-icon em{background:var(--h-text);width:24px;height:24px;color:var(--h-card);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-style:normal;font-weight:700;display:inline-flex;position:absolute;top:-6px;right:-6px}.rs-reko{border-top:1px solid var(--border);margin-top:6px;padding-top:14px}.rs-reko h3{margin-bottom:10px;font-size:14px;font-weight:700}.rs-reko ul{flex-direction:column;gap:8px;list-style:none;display:flex}.rs-reko li{border-radius:var(--radius-sm);background:var(--cream);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.rs-reko li>div{flex-direction:column;min-width:0;display:flex}.rs-reko strong{font-size:14px}.rs-reko small{color:var(--gray-500);font-size:12px}.rs-reko-tag{border-radius:980px;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:700}.rs-reko-tag.is-aman{color:#1a7f37;background:#1a7f371f}.rs-reko-tag.is-berpeluang{background:var(--orange-tint);color:var(--orange-dark)}.rs-reko-tag.is-kerja-keras,.rs-reko-tag.is-jauh{color:#b45309;background:#b453091f}@media (min-width:640px){.h-standards,.h-tutors{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:980px){.h-standards{grid-template-columns:repeat(4,minmax(0,1fr))}.h-tutors{grid-template-columns:repeat(3,minmax(0,1fr))}}:root[data-theme=dark] .home{--h-fill:#1c1c1e;--h-fill-2:#2c2c2e;--h-text:#f5f5f7;--h-muted:#a1a1a6;--h-card:#1c1c1e}:root[data-theme=dark] .h-tile-icon{background:#2c2c2e}:root[data-theme=dark] .h-tutor{border-color:#2c2c2e}:root[data-theme=dark] .h-rank{color:#f5f5f7}@media (prefers-color-scheme:dark){:root[data-theme=system] .home{--h-fill:#1c1c1e;--h-fill-2:#2c2c2e;--h-text:#f5f5f7;--h-muted:#a1a1a6;--h-card:#1c1c1e}:root[data-theme=system] .h-tile-icon{background:#2c2c2e}:root[data-theme=system] .h-tutor{border-color:#2c2c2e}:root[data-theme=system] .h-rank{color:#f5f5f7}}.nav-links{align-items:center;gap:30px}.nav-links a,.nav-produk-btn{font-size:15px}.nav-produk{align-items:center;display:flex;position:relative}.nav-produk-btn{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;gap:5px;padding:0;display:inline-flex}.nav-produk-btn svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;transition:transform .2s}.nav-mega{background:var(--white);opacity:0;visibility:hidden;border:1px solid #0000000f;border-radius:22px;grid-template-columns:auto auto;gap:40px;width:max-content;padding:28px 34px 26px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-50%,6px);box-shadow:0 24px 60px #0000001f}.nav-mega:before{content:"";height:22px;position:absolute;top:-22px;left:0;right:0}.nav-produk:hover .nav-mega,.nav-produk:focus-within .nav-mega{opacity:1;visibility:visible;transform:translate(-50%)}.nav-produk:hover .nav-produk-btn,.nav-produk:focus-within .nav-produk-btn{opacity:1}.nav-produk:hover .nav-produk-btn svg,.nav-produk:focus-within .nav-produk-btn svg{transform:rotate(180deg)}.nav-mega-label{color:var(--gray-500);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.nav-mega ul{list-style:none}.nav-mega-ujian ul{grid-template-columns:repeat(3,auto);column-gap:36px;display:grid}.nav-mega a{color:var(--ink);white-space:nowrap;opacity:1;align-items:center;gap:10px;padding:8px 0;font-size:15px;display:flex}.nav-mega a:hover{color:var(--orange-dark)}.nav-mega-fitur .icon{color:var(--ink-secondary)}.nav-mega-col+.nav-mega-col{border-left:1px solid #0000000f;padding-left:40px}:root[data-theme=dark] .nav-mega,:root[data-theme=dark] .nav-mega-col+.nav-mega-col{border-color:#ffffff14}@media (prefers-color-scheme:dark){:root[data-theme=system] .nav-mega,:root[data-theme=system] .nav-mega-col+.nav-mega-col{border-color:#ffffff14}}.h-hero h1{letter-spacing:-.04em;font-size:clamp(44px,8.4vw,92px)}.h-ctas{margin-top:36px}.h-title{letter-spacing:-.035em;font-size:clamp(36px,5.6vw,60px)}.h-chips span,.h-tags span{font-size:15px}.h-steps h3,.h-plan h3{font-size:24px}.h-plan-note{font-size:17px}.h-plan li{font-size:18px}.h-tryout strong{font-size:22px}.h-tryout small,.h-standards small{font-size:16px}.h-tryout-status{font-size:14px}.h-standards strong,.h-tutor strong{font-size:19px}.h-tutor-field{font-size:13px}.h-tutor small{font-size:15px}.h-tutor p{font-size:16px}.h-float small,.h-float-chance em{font-size:13px}.h-device{width:min(840px,100%);margin-top:64px}.h-laptop-screen{background:#0d0d0f;border:1px solid #3a3a3c;border-bottom:none;border-radius:22px 22px 0 0;width:86%;margin:0 auto;padding:2% 2% 2.4%;position:relative;box-shadow:0 40px 90px #00000029;container-type:inline-size}.h-laptop-screen:before{content:"";z-index:1;background:#0d0d0f;border-radius:0 0 8px 8px;width:12%;height:3.4%;position:absolute;top:0;left:50%;transform:translate(-50%)}.h-laptop-base{background:linear-gradient(#e8e9eb,#cfd0d4 55%,#a9aaae);border-radius:2px 2px 16px 16px;height:18px;position:relative;box-shadow:0 24px 40px #0000001f}.h-laptop-base:before{content:"";background:#b9babe;border-radius:0 0 10px 10px;width:16%;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%)}:root[data-theme=dark] .h-laptop-base{background:linear-gradient(#5b5c60,#3f4044 55%,#2a2a2d)}:root[data-theme=dark] .h-laptop-base:before{background:#333437}@media (prefers-color-scheme:dark){:root[data-theme=system] .h-laptop-base{background:linear-gradient(#5b5c60,#3f4044 55%,#2a2a2d)}:root[data-theme=system] .h-laptop-base:before{background:#333437}}.h-float{display:none}.h-float-score{top:30px;left:-100px}.h-float-rank{bottom:70px;left:-110px}.h-float-chance{top:50px;right:-100px}.h-float-streak{bottom:90px;right:-90px}@media (min-width:1100px){.h-float{display:flex}}.h-marquee{max-width:1240px;margin-top:88px}.h-marquee ul{gap:18px;padding-right:18px}.h-marquee li.h-campus{background:var(--h-fill);border:none;border-radius:22px;width:270px;height:178px;padding:0;display:block;position:relative;overflow:hidden}.h-marquee .h-campus>img{object-fit:cover;background:0 0;border-radius:0;width:100%;height:100%;padding:0;display:block}.h-campus:after{content:"";background:linear-gradient(#0000,#000000a6);position:absolute;inset:40% 0 0}.h-marquee .h-campus-name{z-index:1;color:#fff;text-align:left;white-space:normal;align-items:center;gap:9px;font-size:16px;font-weight:600;line-height:1.2;display:flex;position:absolute;bottom:13px;left:14px;right:14px}.h-marquee .h-campus-name img,.h-marquee .h-campus-name b{flex-shrink:0;width:30px;height:30px}.h-marquee .h-campus-name img{background:#fff;padding:2px}.h-marquee .h-campus-name b{color:#1d1d1f;background:#ffffffeb;font-size:9px}@media (max-width:600px){.h-marquee li.h-campus{width:220px;height:146px}.h-marquee .h-campus-name{font-size:14px}}.nav-container{height:72px}.nav-logo img{height:34px}.nav-links a,.nav-produk-btn{color:#1d1d1f;opacity:1;font-weight:500}.nav-links>a:hover,.nav-produk-btn:hover{color:var(--orange-dark)}:root[data-theme=dark] .nav-produk-btn{color:#f5f5f7}@media (prefers-color-scheme:dark){:root[data-theme=system] .nav-produk-btn{color:#f5f5f7}}.h-hero{padding-top:140px}.h-eyebrow{font-size:16px}.h-hero h1{letter-spacing:-.035em;font-size:clamp(36px,5.8vw,66px);line-height:1.08}.h-btn{height:50px;padding:0 28px;font-size:17px}.h-link{font-size:17px}.h-title{font-size:clamp(30px,4.4vw,48px)}.h-sub{font-size:19px}.h-tile h3{font-size:24px}.h-tile p,.h-steps p{font-size:17px}.h-testi{grid-template-columns:minmax(0,1fr);gap:16px;list-style:none;display:grid}.h-testi li{background:var(--h-fill);border-radius:24px;flex-direction:column;gap:14px;padding:26px;display:flex}.h-testi-stars{color:var(--orange);letter-spacing:2px;font-size:16px}.h-testi-stars i{color:var(--h-fill-2);font-style:normal}.h-testi p{color:var(--h-text);flex:1;font-size:17px;line-height:1.5}.h-testi footer{align-items:center;gap:12px;display:flex}.h-testi footer span{flex-direction:column;display:flex}.h-testi strong{font-size:15px}.h-testi small{color:var(--h-muted);font-size:13px}.h-faq{border-top:1px solid var(--h-fill-2);max-width:760px;margin:0 auto}.h-faq details{border-bottom:1px solid var(--h-fill-2)}.h-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:18px;font-weight:600;list-style:none;display:flex}.h-faq summary::-webkit-details-marker{display:none}.h-faq summary:after{content:"+";color:var(--h-muted);flex-shrink:0;font-size:24px;font-weight:400;transition:transform .2s}.h-faq details[open] summary:after{transform:rotate(45deg)}.h-faq details p{color:var(--h-muted);padding-bottom:22px;font-size:17px;line-height:1.55}@media (min-width:760px){.h-testi{grid-template-columns:repeat(3,minmax(0,1fr))}}.h-marquee .h-campus-name img,.h-marquee .h-campus-name b{width:44px;height:44px;box-shadow:0 2px 8px #00000040}.h-marquee .h-campus-name img{padding:4px}.h-marquee .h-campus-name b{font-size:11px}.h-lead{color:var(--h-muted);margin-top:18px;font-size:clamp(18px,2.2vw,22px);line-height:1.4}.h-bubbles{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;list-style:none;display:flex}.h-bubble{-webkit-backdrop-filter:blur(16px);text-align:left;background:#ffffffe6;border-radius:20px;align-items:center;gap:12px;padding:10px 18px 10px 10px;display:flex;box-shadow:0 18px 44px #0000001a}.h-bubble-icon{background:var(--orange-tint);width:40px;height:40px;color:var(--orange);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.h-bubble strong{font-size:15px;line-height:1.25;display:block}.h-bubble small{color:var(--h-muted);font-size:13px;display:block}@keyframes h-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (min-width:1360px){.h-bubbles{pointer-events:none;margin:0;display:block;position:absolute;inset:0}.h-bubble{animation:6s ease-in-out infinite h-bob;position:absolute}.h-bubble-1{top:0;left:-230px}.h-bubble-2{animation-duration:7s;animation-delay:-1.5s;top:30px;right:-220px}.h-bubble-3{animation-duration:6.5s;animation-delay:-3s;top:200px;left:-250px}.h-bubble-4{animation-delay:-4.5s;top:240px;right:-240px}.h-bubble-5{animation-duration:7.5s;animation-delay:-2s;bottom:40px;left:-210px}}@media (prefers-reduced-motion:reduce){.h-bubble{animation:none}}:root[data-theme=dark] .h-bubble{background:#1c1c1ee0;box-shadow:0 18px 44px #00000080}@media (prefers-color-scheme:dark){:root[data-theme=system] .h-bubble{background:#1c1c1ee0;box-shadow:0 18px 44px #00000080}}.h-app{aspect-ratio:16/10;color:#1d1d1f;text-align:left;background:#fff;border-radius:6px;flex-direction:column;font-size:1.8cqw;display:flex;overflow:hidden}.h-app-top{border-bottom:1px solid #ededf0;align-items:center;gap:1.2em;padding:.7em 1.6em;display:flex}.h-app-top img{width:auto;height:1.9em}.h-app-no,.h-app-time{flex-direction:column;line-height:1.15;display:flex}.h-app-no{flex:1;align-items:center}.h-app-time{align-items:flex-end}.h-app-no small,.h-app-time small{color:#6e6e73;font-size:.8em}.h-app-no b,.h-app-time b{font-variant-numeric:tabular-nums;font-size:1.5em;font-weight:700}.h-app-live{color:#e85300;background:#fff2e6;border-radius:980px;align-items:center;gap:.4em;padding:.3em .8em;font-size:.75em;font-style:normal;font-weight:600;display:inline-flex}.h-app-live:before{content:"";background:var(--orange);border-radius:50%;width:.5em;height:.5em}.h-app-main{flex:1;grid-template-columns:15em minmax(0,1fr);min-height:0;display:grid}.h-app-side{border-right:1px solid #ededf0;flex-direction:column;gap:.75em;padding:1.2em;display:flex}.h-app-box{text-align:center;border:1px solid #e8e8ed;border-radius:.6em;padding:.65em;font-size:.95em;font-weight:600;display:block}.h-app-count{color:#6e6e73;font-size:.85em}.h-app-count b{color:var(--orange);margin-right:.2em;font-size:1.6em}.h-app-nums{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45em;list-style:none;display:grid}.h-app-nums li{aspect-ratio:1;border:1px solid #e8e8ed;border-radius:.45em;justify-content:center;align-items:center;font-size:.85em;font-weight:500;display:flex}.h-app-nums li.is-done{color:#e85300;background:#fff2e6;border-color:#ffd3b0}.h-app-nums li.is-now{border:2px solid var(--orange);color:var(--orange);font-weight:700}.h-app-finish{background:var(--orange);color:#fff;text-align:center;border-radius:.6em;padding:.65em;font-weight:600;display:block}.h-app-q{flex-direction:column;min-height:0;padding:1.3em 2em;display:flex}.h-app-q h4{margin-bottom:.5em;font-size:1.25em;font-weight:700}.h-app-q p{margin-bottom:1em;font-size:.95em;line-height:1.5}.h-app-options{flex-direction:column;gap:.55em;list-style:none;display:flex}.h-app-options li{border:1px solid #e8e8ed;border-radius:.8em;align-items:center;gap:.9em;padding:.6em 1em;font-size:.95em;display:flex}.h-app-options em{border:1px solid #d2d2d7;border-radius:50%;justify-content:center;align-items:center;width:1.9em;height:1.9em;font-size:.8em;font-style:normal;font-weight:700;display:inline-flex}.h-app-options li.is-on{border-color:var(--orange);background:#fff2e6}.h-app-options li.is-on em{border-color:var(--orange);background:var(--orange);color:#fff}.h-app-nav{gap:.8em;margin-top:auto;padding-top:1em;display:flex}.h-app-nav span{background:var(--orange);color:#fff;border-radius:.55em;padding:.55em 1.2em;font-size:.85em;font-weight:600}.h-app-nav span:first-child{color:#e85300;background:#fff2e6}.h-bubble{background:#fff;border:1px solid #ff6a0029;border-radius:22px;gap:14px;padding:12px 22px 12px 12px;box-shadow:0 22px 50px #ff6a0029,0 2px 6px #0000000d}.h-bubble-icon{color:#fff;background:linear-gradient(135deg,#ff9a3d,#ff5100);border-radius:15px;width:46px;height:46px;box-shadow:0 8px 18px #ff6a0059}.h-bubble strong{letter-spacing:-.01em;font-size:17px;font-weight:700}.h-bubble small{margin-top:2px;font-size:14px}:root[data-theme=dark] .h-bubble{background:#1c1c1ef0;border-color:#ff8a3d47}@media (prefers-color-scheme:dark){:root[data-theme=system] .h-bubble{background:#1c1c1ef0;border-color:#ff8a3d47}}.h-tutor-marquee{width:100vw;margin:48px 0 0 calc(50% - 50vw);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.h-tutor-track{width:max-content;animation:45s linear infinite h-marquee;display:flex}.h-tutor-marquee:hover .h-tutor-track{animation-play-state:paused}.h-tutor-track ul{gap:20px;padding:6px 20px 30px 0;list-style:none;display:flex}.h-tcard{border:1px solid var(--h-fill-2);background:var(--h-card);border-radius:24px;flex-direction:column;width:280px;display:flex;overflow:hidden;box-shadow:0 14px 34px #0000000f}.h-tcard-photo{background:linear-gradient(160deg,#ffe7d1,#ffb27a 60%,#ff7a1a);height:320px;position:relative}.h-tcard-photo img{object-fit:cover;width:100%;height:100%;display:block}.h-tcard-initial{color:#ffffffeb;letter-spacing:-.04em;justify-content:center;align-items:center;font-size:96px;font-weight:700;display:flex;position:absolute;inset:0 0 60px}.h-tcard-photo:after{content:"";background:linear-gradient(#0000,#00000080);position:absolute;inset:55% 0 0}.h-tcard-badge,.h-tcard-dummy{z-index:1;border-radius:980px;padding:5px 12px;font-size:13px;font-weight:700;position:absolute;top:14px}.h-tcard-badge{color:#1d1d1f;background:#fff;left:14px}.h-tcard-dummy{color:#fff;background:#00000073;font-size:11px;font-weight:600;right:14px}.h-tcard-name{z-index:1;color:#fff;letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.15;position:absolute;bottom:16px;left:18px;right:18px}.h-tcard-body{text-align:left;flex-direction:column;flex:1;gap:8px;padding:18px 20px 22px;display:flex}.h-tcard-body b{color:var(--orange-dark);font-size:15px}.h-tcard-body p{color:var(--h-muted);font-size:15px;line-height:1.5}@media (prefers-reduced-motion:reduce){.h-tutor-track{animation:none}}.admin-tutor-thumb{object-fit:cover;border-radius:50%;width:40px;height:40px}.admin-tutor-foto{flex-direction:column;gap:10px;display:flex}.admin-tutor-foto>span{font-size:13px;font-weight:600}.admin-tutor-foto-now{align-items:center;gap:14px;display:flex}.admin-tutor-foto-now img{object-fit:cover;border-radius:12px;width:72px;height:90px}.h-tutor-sec{background:linear-gradient(#fff 0%,#fff7f0 100%);margin-top:110px;padding:88px 0 64px;scroll-margin-top:40px}.h-tutor-inner{text-align:center;width:min(1180px,92%);margin:0 auto}.h-tutor-eyebrow{color:var(--orange-light);letter-spacing:.02em;background:#ff6a001f;border:1px solid #ff9a3d66;border-radius:980px;padding:8px 20px;font-size:clamp(18px,2vw,22px);font-weight:800;display:inline-block}.h-tutor-sec .h-tutor-title{margin:16px 0 0}.h-tutor-lead{max-width:640px;margin:16px auto 0;line-height:1.55}.h-tc{margin-top:48px;position:relative}.h-tc-scroller{scrollbar-width:none;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.h-tc-scroller::-webkit-scrollbar{display:none}.h-tc-scroller ul{gap:20px;padding:4px 20px 4px 0;list-style:none;display:flex}.h-tutor-sec .h-tcard{flex-shrink:0}.h-tc-arrow{z-index:2;border:1px solid var(--border);width:48px;height:48px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:none;position:absolute;top:160px;box-shadow:0 8px 20px #0000001a}.h-tc-arrow:hover{border-color:var(--orange);background:var(--orange);color:#fff}.h-tc-arrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.h-tc-arrow.is-prev{left:-8px}.h-tc-arrow.is-next{right:-8px}.h-tc-pause{color:var(--h-muted);cursor:pointer;background:0 0;border:none;margin:26px 0 0 auto;padding:6px 4px;font-size:14px;font-weight:600;display:block}.h-tc-pause:hover{color:var(--orange-dark)}@media (min-width:760px){.h-tc-arrow{display:inline-flex}}.h-tutor-sec .h-tcard-name{text-align:left}.app-nav-badge{background:var(--orange);color:#fff;text-align:center;border-radius:980px;min-width:22px;height:22px;margin-left:auto;padding:0 7px;font-size:12px;font-style:normal;font-weight:700;line-height:22px}@media (min-width:1000px){.app-shell[data-collapsed=true] .app-nav-badge{display:none}}.to-ticket{flex-direction:column;gap:6px;margin-top:6px;display:flex}.to-ticket small{color:var(--ink-secondary);text-align:center;font-size:13px}.to-alt-link{color:var(--orange-dark);text-align:center;margin-top:10px;font-size:14px;font-weight:600;display:block}.to-alt-link:hover{text-decoration:underline}.hasil-video-soon{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--ink-secondary);margin-top:10px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.pr-notice{border-radius:var(--radius-md);color:#1a7f37;background:#1a7f371a;padding:12px 16px;font-size:14px;font-weight:600}.pr-kuota{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pr-kuota-num{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.pr-kuota-num strong{color:var(--orange);letter-spacing:-.03em;font-size:48px;font-weight:800;line-height:1}.pr-kuota-num span{font-size:14px;font-weight:600}.pr-kuota-num small{color:var(--gray-500);font-size:12px}.pr-pakets{grid-template-columns:minmax(0,1fr);gap:12px;list-style:none;display:grid}.pr-paket{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:18px;display:flex}.pr-paket strong{font-size:16px}.pr-paket-price{color:var(--orange-dark);letter-spacing:-.02em;font-size:26px;font-weight:800}.pr-paket small{color:var(--gray-500);font-size:13px}.pr-paket small b{color:#1a7f37}.pr-paket p{color:var(--ink-secondary);font-size:13px}.pr-paket .pr-buy{align-self:stretch;margin-top:auto}.pr-paket .pr-status{align-self:flex-start;margin-top:auto}@media (min-width:640px){.pr-pakets{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-pill-paket{background:var(--orange-tint);color:var(--orange-dark);font-style:normal}.admin-table-sub{color:var(--gray-500);font-size:12px;display:block}.secondary-button{border:1px solid var(--border);background:var(--white);height:46px;color:var(--ink);border-radius:980px;justify-content:center;align-items:center;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.secondary-button:hover{background:var(--gray-100)}.hasil-actions{flex-wrap:wrap;gap:10px;display:flex}.hasil-topik{color:var(--gray-500);font-size:12px;font-weight:500}.hasil-blur{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}.hasil-explain-locked p{overflow:hidden}.hasil-unlock{border-radius:var(--radius-sm);background:var(--orange-tint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.hasil-unlock span{color:var(--ink);font-weight:600}.hasil-unlock a{color:var(--orange-dark);white-space:nowrap;font-weight:700}.reko-list{flex-direction:column;gap:10px;margin-top:12px;list-style:none;display:flex}.reko-list li{border:1px solid var(--border);border-left:4px solid var(--orange);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px 16px;font-size:14px;display:flex}.reko-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px;display:flex}.reko-head b{font-size:15px}.reko-pct{color:#c2410c;font-size:13px;font-weight:700}.reko-list small{color:var(--gray-500);font-size:12px}.reko-list li>span{color:var(--ink-secondary);line-height:1.5}.reko-kuat{color:#1a7f37;margin-top:12px;font-size:13px;font-weight:600}.reko-card.is-locked .reko-list{margin-bottom:4px}.ulang-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ulang-summary{margin:14px 0 10px;font-size:14px}.ulang-summary em{margin-left:6px;font-style:normal;font-weight:700}.ulang-card .pr-list{margin-top:4px}.an-premium{flex-direction:column;gap:16px;display:flex}.an-premium-head{align-items:center;gap:10px;display:flex}.an-premium-head h2,.an-section-title{letter-spacing:-.01em;font-size:20px;font-weight:700}.an-section-title{margin-top:12px}.an-tabs{flex-wrap:wrap;gap:8px;display:flex}.an-tabs a{border:1px solid var(--border);color:var(--ink-secondary);border-radius:980px;padding:7px 14px;font-size:14px;font-weight:600}.an-tabs a.is-active{border-color:var(--orange);background:var(--orange-tint);color:var(--orange-dark)}.an-kat{color:var(--gray-500);font-size:13px;font-weight:500}.an-best-line{stroke:var(--orange-light);stroke-width:2px;stroke-dasharray:4 4}.an-best-dot{fill:var(--white);stroke:var(--orange);stroke-width:2.5px}.an-legend{color:var(--ink-secondary);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:6px 0 10px;font-size:12px;display:flex}.an-legend i{border-radius:50%;width:10px;height:10px;display:inline-block}.an-legend i.is-first{background:var(--orange)}.an-legend i.is-best{border:2px solid var(--orange);background:var(--white)}.an-mastery{margin-top:8px;list-style:none}.an-mastery li{border-bottom:1px solid var(--border);grid-template-columns:44px minmax(0,1fr) minmax(80px,160px) 48px;align-items:center;gap:10px;padding:9px 0;font-size:14px;display:grid}.an-mastery li:last-child{border-bottom:none}.an-mastery i{background:var(--gray-100);border-radius:8px;height:8px;overflow:hidden}.an-mastery i b{background:var(--orange-light);border-radius:8px;height:100%;display:block}.an-mastery i.is-weak b{background:#ef4444}.an-mastery i.is-strong b{background:#22a35a}.an-mastery .an-vals{text-align:right}.an-locked .pr-badge{align-self:flex-start;margin-bottom:8px}.gratis-wait{border-radius:var(--radius-md);background:var(--orange-tint);padding:14px 16px;font-size:14px}.gratis-wait p{color:var(--ink-secondary);margin-top:4px;line-height:1.5}.verif-list{flex-direction:column;list-style:none;display:flex}.verif-item{border-bottom:1px solid var(--border);padding:16px 0}.verif-item:last-child{border-bottom:none}.verif-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.verif-head>div:first-child{flex-direction:column;gap:2px;display:flex}.verif-head small,.verif-done small{color:var(--gray-500);font-size:12px}.verif-done{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.verif-proofs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.verif-proofs a{text-align:center;flex-direction:column;gap:6px;font-size:12px;display:flex}.verif-proofs img{background:var(--gray-100);object-fit:contain;border-radius:12px;width:100%;height:260px}.admin-todo .admin-stat.is-alert strong{color:var(--orange-dark)}.ref-code{border-radius:var(--radius-md);background:#ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;display:flex}.ref-code strong{letter-spacing:.12em;font-size:30px;font-weight:800}.ref-code-actions{flex-wrap:wrap;gap:8px;display:flex}.ref-progress{flex-direction:column;gap:8px;margin:8px 0 14px;font-size:14px;display:flex}.ref-progress i{background:var(--gray-100);border-radius:10px;height:10px;overflow:hidden}.ref-progress i b{background:linear-gradient(90deg, var(--orange-light), var(--orange));border-radius:10px;height:100%;display:block}.ref-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;list-style:none;display:grid}.ref-stats li{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;padding:12px;display:flex}.ref-stats strong{font-size:24px}.ref-stats span{color:var(--gray-500);font-size:12px}.ref-claim,.ref-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ref-input{border:1px solid var(--border);background:var(--white);min-width:160px;height:46px;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;border-radius:12px;flex:1;padding:0 14px;font-size:16px}.ref-form p,.ref-claim p{width:100%}.ref-note{margin-top:10px}.ref-note a{color:var(--orange-dark);font-weight:600}.ref-rules{color:var(--ink-secondary);padding-left:18px;font-size:14px;line-height:1.7}.auth-ref{background:var(--orange-tint);border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:14px}.saran-form{flex-direction:column;gap:12px;display:flex}.saran-kategori{flex-wrap:wrap;gap:8px;display:flex}.saran-kategori label{cursor:pointer;position:relative}.saran-kategori input{opacity:0;position:absolute}.saran-kategori span{border:1px solid var(--border);color:var(--ink-secondary);border-radius:980px;padding:7px 14px;font-size:14px;font-weight:600;display:inline-block}.saran-kategori input:checked+span{border-color:var(--orange);background:var(--orange-tint);color:var(--orange-dark)}.saran-kategori input:focus-visible+span{outline:2px solid var(--orange)}.saran-form textarea,.saran-balas textarea,.tanya-form textarea,.tanya-form input,.tanya-form select,.chat-form textarea{border:1px solid var(--border);background:var(--white);width:100%;color:var(--ink);border-radius:12px;padding:12px 14px;font-size:15px;line-height:1.5}.saran-form button{align-self:flex-start}.saran-list{flex-direction:column;gap:12px;list-style:none;display:flex}.saran-list>li{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.saran-list p{white-space:pre-line;line-height:1.5}.saran-list small{color:var(--gray-500);font-size:12px}.saran-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.saran-reply{border-left:3px solid var(--orange);background:var(--orange-tint);border-radius:8px;padding:10px 12px;font-size:14px}.saran-balas{flex-direction:column;gap:8px;margin-top:6px;display:flex}.tanya-tutors{flex-direction:column;gap:10px;list-style:none;display:flex}.tanya-tutors li{border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:14px;padding:14px 16px;display:flex}.tanya-tutors li>div{flex-direction:column;flex:1;min-width:0;display:flex}.tanya-foto{object-fit:cover;border-radius:50%;flex-shrink:0;width:56px;height:56px}.tanya-bidang{color:var(--orange-dark);font-size:13px;font-weight:700}.tanya-tutors small{color:var(--gray-500);font-size:13px}.tanya-title{letter-spacing:-.02em;font-size:22px;font-weight:700}.tanya-form{flex-direction:column;gap:14px;display:flex}.tanya-form label{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.tanya-form button{align-self:flex-start}.chat-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.chat-info{width:100%;color:var(--ink-secondary);font-size:13px}.chat{flex-direction:column;gap:12px;display:flex}.chat-log{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--gray-100);flex-direction:column;gap:12px;max-height:60vh;padding:16px;display:flex;overflow-y:auto}.chat-msg{flex-direction:column;align-items:flex-start;gap:3px;max-width:85%;display:flex}.chat-msg.is-mine{align-self:flex-end;align-items:flex-end}.chat-who{color:var(--gray-500);font-size:12px;font-weight:600}.chat-bubble{background:var(--white);color:var(--ink);white-space:pre-line;word-break:break-word;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:15px;line-height:1.5}.chat-msg.is-mine .chat-bubble{background:var(--orange);color:#fff;border-radius:16px 16px 4px}.chat-bubble img{border-radius:10px;max-width:100%;max-height:320px;margin-top:8px;display:block}.chat-msg small{color:var(--gray-500);font-size:11px}.chat-form{flex-direction:column;gap:10px;display:flex}.chat-form-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.chat-closed{color:var(--ink-secondary);text-align:center;font-size:14px}.chat-close-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:13px}.chat-close-btn:hover{color:#c2410c}.h-tcard-ask{color:var(--orange-light);margin-top:auto;padding-top:6px;font-size:14px;font-weight:700}.dash-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.dash-quick-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--white);flex-direction:column;gap:2px;padding:16px;transition:border-color .15s;display:flex}.dash-quick-item:hover{border-color:var(--orange)}.dash-quick-item span{color:var(--ink-secondary);font-size:13px;font-weight:600}.dash-quick-item strong{font-size:26px;font-weight:800}.dash-quick-item small{color:var(--gray-500);font-size:12px}.dash-quick-item.is-hot{border-color:var(--orange);background:var(--orange-tint)}@media (min-width:900px){.dash-quick{grid-template-columns:repeat(4,minmax(0,1fr))}}.dash-hello-split{gap:18px;display:grid}@media (min-width:900px){.dash-hello-split{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center}}.jalur-hero{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(135deg,#1d1d1f,#3a2210);border:none;border-radius:22px;flex-direction:column;gap:10px;width:100%;padding:18px 20px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 18px 40px #ff6a002e}.jalur-hero:hover{transform:translateY(-2px);box-shadow:0 22px 48px #ff6a0042}.jalur-hero:disabled{opacity:.7}.jalur-hero-label{color:var(--orange-light);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.jalur-hero-main{align-items:center;gap:14px;display:flex}.jalur-hero-main .jalur-badge{min-width:56px;height:48px;font-size:13px}.jalur-hero-main strong{letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1.15}.jalur-hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.jalur-hero-foot small{color:#ffffffb3;font-size:13px}.jalur-hero-foot em{background:var(--orange);color:#fff;border-radius:980px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex}.jalur-hero-foot em svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.jalur-hero[aria-expanded=true] .jalur-hero-foot em svg{transform:rotate(180deg)}.to-jalur{max-width:520px;margin-bottom:20px}button.app-nav-item{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}.app-nav-logout:hover{color:#dc2626;background:#ef44441a}.streak-bonus{border-radius:var(--radius-md);background:var(--orange-tint);flex-direction:column;gap:8px;margin-top:14px;padding:12px 14px;display:flex}.streak-bonus-head{color:var(--orange-dark);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.streak-bonus-bar{background:#ff6a0026;border-radius:8px;height:8px;overflow:hidden}.streak-bonus-bar b{background:linear-gradient(90deg, var(--orange-light), var(--orange));border-radius:8px;height:100%;display:block}.streak-claim .primary-button{width:100%}.dash-calendar-day.has-event{color:#1d4ed8;background:#2563eb1a;font-weight:700}.dash-calendar-day.has-event.is-tutup{color:#b91c1c;background:#dc26261a}.dash-calendar-day.has-event.is-active:after{background:var(--orange)}.legend-event{background:#2563eb}.dash-jadwal{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:14px;padding-top:12px;list-style:none;display:flex}.dash-jadwal li{align-items:center;gap:10px;font-size:13px;display:flex}.dash-jadwal-date{color:#1d4ed8;text-align:center;background:#2563eb1a;border-radius:8px;flex-shrink:0;min-width:58px;padding:4px 8px;font-weight:700}.dash-jadwal-date.is-tutup{color:#b91c1c;background:#dc26261a}.dash-jadwal a{min-width:0;color:var(--ink);flex-direction:column;font-weight:600;display:flex}.dash-jadwal a small{color:var(--gray-500);font-size:11px;font-weight:500}:root[data-theme=dark] .dash-calendar-day.has-event,:root[data-theme=dark] .dash-jadwal-date{color:#93c5fd}:root[data-theme=dark] .dash-calendar-day.has-event.is-tutup,:root[data-theme=dark] .dash-jadwal-date.is-tutup{color:#fca5a5}.dash-quick-icon{color:var(--orange);display:inline-flex}.pr-status-icon,.hasil-unlock span,.hasil-video-soon,.gratis-wait strong,.hasil-video summary{align-items:center;gap:6px;display:inline-flex}.set-btn-keluar:hover:not(:disabled){color:#dc2626;border-color:#dc2626}.rs-explain p{color:var(--ink-secondary);font-size:14px;line-height:1.55}.rs-legend{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.rs-legend li{border-radius:980px;padding:5px 10px;font-size:12px;font-weight:700}.rs-legend .is-aman{color:#1a7f37;background:#1a7f371f}.rs-legend .is-berpeluang{color:#1d4ed8;background:#2563eb1a}.rs-legend .is-kerja-keras{background:var(--orange-tint);color:var(--orange-dark)}.rs-legend .is-jauh{color:#b91c1c;background:#dc26261a}.rank-jalur{margin-bottom:12px}.tq-video{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.tq-video input{border:1px solid var(--a-border,var(--border));min-width:200px;height:36px;color:inherit;background:0 0;border-radius:10px;flex:1;padding:0 10px}.tq-list li{grid-template-columns:26px minmax(0,1fr) auto auto auto}.tq-list .tq-video{grid-column:1/-1}.ekspor{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.ekspor label{flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.ekspor input[type=date]{border:1px solid var(--a-border,var(--border));height:38px;color:inherit;font:inherit;background:0 0;border-radius:10px;padding:0 10px}.ekspor .admin-btn{align-items:center;gap:6px;display:inline-flex}.ekspor svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.rt{white-space:pre-line}.rt .katex{white-space:nowrap;font-size:1.08em}.rt .katex-display{white-space:normal;margin:.6em 0;overflow:auto hidden}.soal-gambar{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:12px;max-width:100%;max-height:420px;margin:12px 0;display:block}.soal-rumus-help code{background:var(--a-fill,var(--gray-100));border-radius:6px;padding:1px 5px;font-size:12px}.soal-preview-rumus{border:1px dashed var(--a-border,var(--border));border-radius:12px;flex-direction:column;gap:6px;margin-top:10px;padding:12px 14px;line-height:1.6;display:flex}.soal-preview-rumus>span{color:var(--gray-500);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:700}.soal-gambar-field{flex-direction:column;gap:8px;margin-top:14px;display:flex}.soal-gambar-now{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.soal-gambar-now img{object-fit:contain;background:#fff;border-radius:10px;max-width:260px;max-height:160px}@media print{.soal-gambar{page-break-inside:avoid;max-height:300px}}.acuan-steps{margin:4px 0 14px;padding-left:20px;line-height:1.6}:root[data-theme=dark] .h-tutor-sec{background:linear-gradient(#000 0%,#121214 100%)}:root[data-theme=dark] .h-tc-arrow{color:#f5f5f7;background:#1c1c1eeb}@media (prefers-color-scheme:dark){:root[data-theme=system] .h-tutor-sec{background:linear-gradient(#000 0%,#121214 100%)}:root[data-theme=system] .h-tc-arrow{color:#f5f5f7;background:#1c1c1eeb}}#faq{padding-bottom:110px}.dash-hello.dash-hello-split{z-index:5;isolation:isolate;background:radial-gradient(circle at 12% 18%,#fffffff2,#0000 40%),radial-gradient(circle at 88% 10%,#ffaa5a73,#0000 45%),radial-gradient(circle at 70% 110%,#ff782847,#0000 50%),linear-gradient(135deg,#fff8f1 0%,#ffecdc 55%,#fff3e8 100%);border:1px solid #ff9a3d40;border-radius:28px;padding:32px 28px;position:relative;box-shadow:0 24px 60px #ff6a001a}.dash-hello-bg{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.dash-hello-bg:before{content:"";background-image:radial-gradient(#e8530029 1.2px,#0000 1.2px);background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0000 20%,#000 75%);mask-image:linear-gradient(110deg,#0000 20%,#000 75%)}.dash-hello-bg:after{content:"";-webkit-backdrop-filter:blur(6px);background:#ffffff40;border:1px solid #ffffffb3;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:32%}.dash-hello-split .dash-hello-top{gap:18px}.dash-hello-split .dash-hello-photo{border:4px solid #ffffffe6;box-shadow:0 12px 30px #ff6a0047}.dash-hello-split .dash-hello-date{color:var(--orange-dark);-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #ffffffe6;border-radius:980px;margin-bottom:10px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.dash-hello-split .dash-hello-greet{color:var(--ink-secondary);font-size:clamp(17px,2vw,20px);font-weight:500;line-height:1.2}.dash-hello-split h1{background:linear-gradient(90deg,#1d1d1f 0%,#3a2210 40%,#e85300 100%);color:#0000;letter-spacing:-.035em;-webkit-background-clip:text;background-clip:text;margin-top:2px;font-size:clamp(34px,4.6vw,52px);font-weight:800;line-height:1.05}.dash-hello-split .dash-hello-email{color:var(--ink-secondary);margin-top:6px;font-size:14px}.jalur-hero{color:var(--ink);-webkit-backdrop-filter:blur(18px)saturate(160%);background:#ffffff8c;border:1px solid #ffffffd9;box-shadow:0 16px 40px #ff6a0024,inset 0 1px #ffffffe6}.jalur-hero:hover{box-shadow:0 20px 48px #ff6a0033,inset 0 1px #ffffffe6}.jalur-hero-label{color:var(--orange-dark)}.jalur-hero-main strong{color:var(--ink)}.jalur-hero-foot small{color:var(--ink-secondary)}.to-jalur .jalur-hero{background:linear-gradient(135deg,#fff8f1e6,#ffecdce6);border-color:#ff9a3d4d}.dash-preview{background:var(--orange-tint);color:var(--ink);border:1px solid #ff9a3d59}.dash-preview a{color:var(--orange-dark)}@media (min-width:900px){.dash-hello.dash-hello-split{padding:40px}}:root[data-theme=dark] .dash-hello.dash-hello-split{background:radial-gradient(circle at 88% 10%,#ff8a3d40,#0000 45%),linear-gradient(135deg,#1c1c1e 0%,#2a1a10 100%);border-color:#ff8a3d33}:root[data-theme=dark] .dash-hello-split h1{background:linear-gradient(90deg,#f5f5f7 0%,#ffd2b0 50%,#ff9a3d 100%);-webkit-background-clip:text;background-clip:text}:root[data-theme=dark] .jalur-hero,:root[data-theme=dark] .dash-hello-split .dash-hello-date{background:#ffffff0f;border-color:#ffffff1f}@media (prefers-color-scheme:dark){:root[data-theme=system] .dash-hello.dash-hello-split{background:radial-gradient(circle at 88% 10%,#ff8a3d40,#0000 45%),linear-gradient(135deg,#1c1c1e 0%,#2a1a10 100%);border-color:#ff8a3d33}:root[data-theme=system] .dash-hello-split h1{background:linear-gradient(90deg,#f5f5f7 0%,#ffd2b0 50%,#ff9a3d 100%);-webkit-background-clip:text;background-clip:text}:root[data-theme=system] .jalur-hero,:root[data-theme=system] .dash-hello-split .dash-hello-date{background:#ffffff0f;border-color:#ffffff1f}}.jalur-badge-mandiri-ptn{color:var(--orange-dark);background:#fff;box-shadow:inset 0 0 0 1.5px #ff6a0073}.notif,.notif-btn{position:relative}.notif-btn em{border:2px solid var(--white);background:var(--orange);color:#fff;text-align:center;border-radius:980px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;line-height:14px;position:absolute;top:2px;right:2px}.notif-panel{z-index:1200;border:1px solid var(--border);background:var(--white);border-radius:20px;flex-direction:column;width:min(360px,100vw - 32px);max-height:70vh;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 60px #00000024}.notif-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.notif-mark{color:var(--orange-dark);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.notif-list{list-style:none;overflow-y:auto}.notif-list li{border-bottom:1px solid var(--border);flex-direction:column;gap:3px;padding:12px 16px;font-size:13px;display:flex}.notif-list li:last-child{border-bottom:none}.notif-list li.is-unread{background:var(--orange-tint)}.notif-list p{color:var(--ink-secondary);line-height:1.45}.notif-list small{color:var(--gray-500);font-size:11px}.notif-empty{color:var(--ink-secondary);text-align:center;padding:20px 16px;font-size:14px}.sumber-backdrop{z-index:1300;-webkit-backdrop-filter:blur(6px);background:#1d1d1f59;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sumber-card{background:linear-gradient(135deg,#fffaf5,#fff);border:1px solid #fffc;border-radius:26px;flex-direction:column;gap:12px;width:min(520px,100%);padding:26px;display:flex;box-shadow:0 30px 80px #0003}.sumber-card .pr-badge{color:#fff;align-self:flex-start}.sumber-card h2{letter-spacing:-.02em;font-size:24px;font-weight:800}.sumber-opsi{flex-wrap:wrap;gap:8px;display:flex}.sumber-opsi button{border:1px solid var(--border);background:var(--white);color:var(--ink);font:inherit;cursor:pointer;border-radius:980px;padding:9px 14px;font-size:14px;font-weight:600}.sumber-opsi button.is-on{border-color:var(--orange);background:var(--orange-tint);color:var(--orange-dark)}.sumber-actions,.lapor-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.sumber-skip{color:var(--ink-secondary);font:inherit;cursor:pointer;background:0 0;border:none;font-size:14px}.sumber-stats{flex-direction:column;gap:8px;list-style:none;display:flex}.sumber-stats li{grid-template-columns:170px minmax(0,1fr) 40px;align-items:center;gap:10px;font-size:14px;display:grid}.sumber-stats i{background:var(--a-fill,var(--gray-100));border-radius:8px;height:8px;overflow:hidden}.sumber-stats b{background:var(--orange);border-radius:8px;height:100%;display:block}.sumber-stats strong{text-align:right}.app-topbar-right{gap:8px}.profil{position:relative}.profil-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;padding:2px;display:inline-flex}.profil-btn:hover,.profil-btn[aria-expanded=true]{border-color:var(--orange-light)}.profil-panel{width:260px;padding-bottom:6px}.profil-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.profil-head div{flex-direction:column;min-width:0;display:flex}.profil-head strong{font-size:14px}.profil-head small{color:var(--gray-500);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profil-panel a,.profil-panel button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.profil-panel a:hover,.profil-panel button:hover{background:var(--orange-tint)}.profil-panel svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.profil-panel .profil-logout{color:#dc2626}.testi-stars{gap:4px;display:flex}.testi-stars button{color:var(--gray-100);cursor:pointer;background:0 0;border:none;font-size:30px;line-height:1}.testi-stars button.is-on{color:var(--orange)}.testi-stars-static{color:var(--orange);letter-spacing:2px}.lapor{border-top:1px dashed var(--border);flex-direction:column;gap:10px;margin-top:14px;padding-top:12px;display:flex}.lapor-btn{border:1px solid var(--orange-light);background:var(--white);color:var(--orange-dark);font:inherit;cursor:pointer;border-radius:980px;align-self:flex-start;padding:7px 14px;font-size:13px;font-weight:700}.lapor-btn:hover{background:var(--orange-tint)}.lapor-locked{background:var(--gray-100);color:var(--gray-500);border-radius:980px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:600}.lapor-form{flex-direction:column;gap:8px;display:flex}.lapor-form select,.lapor-form textarea{border:1px solid var(--border);background:var(--white);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:10px 12px;font-size:14px}.lapor-item{background:var(--gray-100);border-radius:12px;padding:10px 12px;font-size:13px}.lapor-item small{color:var(--gray-500);font-weight:600}.lapor-reply{border-left:3px solid var(--orange);background:var(--orange-tint);border-radius:8px;margin-top:8px;padding:8px 10px}.lapor-wait{color:var(--orange-dark);margin-top:6px;font-size:12px;font-weight:600;display:inline-block}.lapor-soal{background:var(--a-fill,var(--gray-100));border-radius:12px;padding:10px 12px;font-size:13px}.lapor-soal small{color:var(--gray-500);font-weight:600}.email-cari{flex-direction:column;gap:4px;display:flex;position:relative}.email-cari-ok{color:#1a7f37;font-size:12px;font-weight:600}.email-cari-list{z-index:50;border:1px solid var(--a-border,var(--border));background:var(--a-card,var(--white));border-radius:14px;max-height:280px;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0000001f}.email-cari-list button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;padding:8px 10px;display:flex}.email-cari-list button:hover,.email-cari-list button.is-active{background:var(--orange-tint)}.email-cari-list strong{font-size:14px}.email-cari-list small,.email-cari-empty{color:var(--gray-500);font-size:12px}.email-cari-empty{padding:8px 10px}