@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Plus Jakarta Sans Fallback;src:local("Arial");ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.00%;size-adjust:104.98%}.__className_a11773{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.__variable_a11773{--font-inter:"Plus Jakarta Sans","Plus Jakarta Sans Fallback"} /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--radius-sm:.25rem;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--bg-primary:#0a0f1a;--bg-secondary:#111827;--bg-card:#1a2234;--bg-card-hover:#1f2a40;--border:#ffffff0f;--border-focus:#10b98180;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#7d8ba1;--accent:#10b981;--accent-glow:#10b98126;--error:#ef4444;--radius:14px;--radius-sm:10px;color-scheme:dark}*{box-sizing:border-box}::selection{background:var(--accent);color:var(--bg-primary)}body{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.admin-page{min-height:100vh;position:relative}.admin-shell{z-index:1;width:min(100%,1220px);margin:0 auto;padding:24px 16px 80px;position:relative}.admin-header{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.admin-auth-actions,.admin-header-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-loading-grid,.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.admin-auth-card,.admin-panel,.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.admin-stat-card{padding:16px}.admin-stat-card span{color:var(--text-secondary);margin-bottom:8px;font-size:12px;display:block}.admin-stat-card strong{font-size:28px;line-height:1}.admin-stat-card.warning strong{color:#f59e0b}.admin-stat-card.danger strong{color:#f87171}.admin-two-col{grid-template-columns:1fr;gap:20px;margin-bottom:20px;display:grid}.admin-panel{margin-bottom:20px;padding:20px}.admin-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.admin-panel-head h2{margin:4px 0 0;font-size:20px;line-height:1.2}.admin-kicker{letter-spacing:.08em;text-transform:uppercase;margin:0}.admin-chip,.admin-count-pill,.admin-kicker{color:var(--accent);font-size:12px;font-weight:700}.admin-chip,.admin-count-pill{min-height:30px;background:#10b9811a;border:1px solid #10b98133;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.admin-chip.muted,.admin-count-pill{border-color:var(--border);color:var(--text-secondary);background:#ffffff0a}.admin-form,.admin-generator{flex-direction:column;gap:14px;display:flex}.admin-form-grid{grid-template-columns:1fr;gap:12px;display:grid}.admin-field{flex-direction:column;gap:8px;display:flex}.admin-field span{color:var(--text-secondary);font-size:13px;font-weight:600}.admin-field input,.admin-field select,.admin-field textarea,.admin-filter-bar input,.admin-filter-bar select{width:100%;min-height:46px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.admin-field textarea{resize:vertical;min-height:110px}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus,.admin-filter-bar input:focus,.admin-filter-bar select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.admin-bank-card,.admin-empty-state,.admin-insight-item,.admin-review-card,.admin-template-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05}.admin-template-preview{padding:16px}.admin-template-preview-head{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.admin-bank-card p,.admin-insight-item p,.admin-template-preview p{color:var(--text-secondary);margin:0 0 8px;line-height:1.6}.admin-insight-item small,.admin-template-preview small{color:var(--text-muted)}.admin-bank-list,.admin-insight-list,.admin-review-list{flex-direction:column;gap:14px;display:flex}.admin-auth-card,.admin-bank-card,.admin-empty-state,.admin-insight-item,.admin-review-card{padding:16px}.admin-bank-foot,.admin-bank-meta,.admin-review-actions,.admin-review-meta{flex-wrap:wrap;gap:8px;display:flex}.admin-review-actions{margin-top:8px}.admin-filter-bar{grid-template-columns:1fr;gap:12px;margin-bottom:18px;display:grid}.admin-bank-card h3{margin:10px 0;font-size:16px;line-height:1.5}.admin-bank-foot{color:var(--text-muted);font-size:12px}.admin-insight-item{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-insight-item strong{margin-bottom:8px;display:block}.admin-insight-metric{text-align:right;min-width:92px}.admin-insight-metric span{color:var(--text-primary);font-weight:700;display:block}.admin-insight-metric small{color:var(--text-muted)}.admin-auth-card{max-width:700px;margin:80px auto 0}.admin-loading-grid .admin-panel{min-height:220px;margin-bottom:0}@media (min-width:640px){.admin-shell{padding:40px 24px 100px}.admin-header{flex-direction:row;justify-content:space-between;align-items:flex-end}.admin-filter-bar,.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-loading-grid,.admin-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:960px){.admin-two-col{grid-template-columns:1.1fr .9fr}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filter-bar{grid-template-columns:160px 160px 1fr auto;align-items:end}.admin-loading-grid,.admin-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:14px;align-items:center;gap:10px;padding:15px 30px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .3s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #10b98159}.btn-primary:active{transform:translateY(0)}.btn-primary--lg{border-radius:16px;padding:18px 36px;font-size:16px}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:8px;padding:15px 28px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.btn-secondary:hover{color:var(--text-primary);background:#ffffff08;border-color:#ffffff26}.latihan-page{min-height:100vh;padding:40px 20px 80px;position:relative;overflow:hidden}.latihan-container{max-width:800px;margin:0 auto}.latihan-auth-card{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;margin-top:80px;padding:60px 40px;display:flex}.latihan-auth-card h2{color:var(--text-primary);font-size:24px;font-weight:700}.latihan-auth-card p{color:var(--text-muted);max-width:320px;font-size:15px}.latihan-header{text-align:center;margin-bottom:40px;padding-top:20px}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover,.header-badge{color:var(--accent)}.header-badge{letter-spacing:1px;text-transform:uppercase;background:#10b9811a;border:1px solid #10b98133;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:600;display:inline-block}.header-title{color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:700}.header-subtitle{color:var(--text-muted);max-width:480px;margin:0 auto;font-size:15px;line-height:1.6}.latihan-stats{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px;display:flex}.latihan-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:12px 24px;display:flex}.latihan-stat-value{color:var(--accent);font-size:22px;font-weight:700}.latihan-stat-label{color:var(--text-muted);font-size:14px}.error-card{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;gap:10px;margin-bottom:20px;padding:14px 20px;font-size:14px}.error-card,.latihan-loading{align-items:center;display:flex}.latihan-loading{color:var(--text-muted);flex-direction:column;gap:16px;padding:80px 0;font-size:15px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.skeleton-card{pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--border) 0,var(--border) 50%,var(--border) 100%)}@supports (color:color-mix(in lab,red,red)){.skeleton{background:linear-gradient(90deg,var(--border) 0,color-mix(in srgb,var(--border) 50%,var(--bg-card)) 50%,var(--border) 100%)}}.skeleton{background-size:200% 100%;border-radius:8px;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-badge{border-radius:100px;width:120px;height:28px}.skeleton-num{width:40px;height:20px}.skeleton-text{height:18px;margin-bottom:12px}.skeleton-text.short{width:70%}.skeleton-button{border-radius:10px;width:180px;height:40px}.latihan-empty{text-align:center;color:var(--text-muted);padding:80px 20px}.latihan-empty h3{color:var(--text-primary);margin:16px 0 8px;font-size:20px;font-weight:600}.latihan-empty p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.latihan-list{flex-direction:column;gap:16px;display:flex}.latihan-nav{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:16px 20px}.latihan-nav-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.latihan-nav-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:12px;font-weight:700}.latihan-nav-arrows{gap:6px;display:flex}.latihan-nav-arrow{border:1px solid var(--border);background:var(--bg-card);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;place-items:center;transition:all .15s;display:grid}.latihan-nav-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.latihan-nav-arrow:disabled{opacity:.35;cursor:default}.latihan-nav-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;display:grid}.latihan-nav-cell{border:1px solid var(--border);background:var(--bg-card);height:40px;color:var(--text-primary);cursor:pointer;border-radius:10px;place-items:center;font-size:13px;font-weight:600;transition:all .15s;display:grid}.latihan-nav-cell.now,.latihan-nav-cell:hover{border-color:var(--accent)}.latihan-nav-cell.now{color:var(--accent);font-weight:700;box-shadow:0 0 0 2px #10b98140}.latihan-nav-cell.good{color:var(--accent);background:#10b98126;border-color:#10b98166}.latihan-nav-cell.bad{color:var(--error);background:#ef444426;border-color:#ef444466}.latihan-nav-cell.filled{border-color:var(--accent);color:var(--text-primary)}.latihan-nav-legend{color:var(--text-muted);flex-wrap:wrap;gap:12px 18px;margin-top:14px;font-size:12px;display:flex}.latihan-nav-legend span{align-items:center;gap:6px;display:inline-flex}.latihan-nav-legend .sw{border:1px solid var(--border);background:var(--bg-card);border-radius:4px;width:12px;height:12px;display:inline-block}.latihan-nav-legend .sw.now{border-color:var(--accent);box-shadow:0 0 0 1.5px #10b98140}.latihan-nav-legend .sw.good{background:#10b98133;border-color:#10b98166}.latihan-nav-legend .sw.bad{background:#ef444433;border-color:#ef444466}.latihan-nav-legend .sw.filled{border-color:var(--accent)}.btn-retry-icon{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-retry-icon:hover{color:var(--accent);background:#10b9811f;border-color:#10b98159;transform:translateY(-1px)}.btn-retry-icon svg{transition:transform .3s}.btn-retry-icon:hover svg{transform:rotate(-90deg)}.btn-retry-all{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-retry-all:hover{color:#f87171;background:#ef44441f;border-color:#ef444459}.btn-retry-all svg{transition:transform .3s}.btn-retry-all:hover svg{transform:rotate(-180deg)}.result-review-container{flex-direction:column;gap:24px;animation:fadeSlideUp .4s both;display:flex}.result-summary-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;padding:32px 24px}.result-summary-icon{width:56px;height:56px;color:var(--accent);background:#10b98126;border:1px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.result-summary-title{color:var(--text-primary);margin-bottom:8px;font-size:24px;font-weight:700}.result-summary-sub{color:var(--text-muted);margin-bottom:24px;font-size:14px}.result-filter-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.result-tab{border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;border-radius:100px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.result-tab.active,.result-tab:hover{border-color:var(--accent);color:var(--text-primary)}.result-tab.active{background:var(--bg-card-hover)}.result-tab.active-salah{color:#f87171;background:#ef44442e;border-color:#ef444480}.result-tab.active-benar{color:var(--accent);background:#10b9812e;border-color:#10b98180}.result-card-status{border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.result-card-status.good{color:var(--accent);background:#10b98126;border:1px solid #10b9814d}.result-card-status.bad{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.result-modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f1abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.result-modal-box{background:var(--bg-card);border:1px solid var(--border-focus);border-radius:20px;width:100%;max-width:520px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,0 0 30px #10b98126}.result-modal-close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border-radius:50%;place-items:center;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.result-modal-close:hover{color:#f87171;background:#ef444433;border-color:#ef444466}.result-modal-header{text-align:center;margin-bottom:20px}.result-modal-trophy{width:60px;height:60px;color:var(--accent);background:#10b98126;border:1px solid #10b98159;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex;box-shadow:0 0 20px #10b98133}.result-modal-title{color:var(--text-primary);margin-bottom:4px;font-size:22px;font-weight:700}.result-modal-sub{color:var(--text-muted);font-size:13px}.result-modal-wrong-sec{border:1px solid var(--border);background:#ffffff08;border-radius:14px;margin-bottom:20px;padding:16px}.result-modal-wrong-title{text-transform:uppercase;letter-spacing:.05em;color:#f87171;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.result-modal-wrong-grid{flex-wrap:wrap;gap:8px;display:flex}.result-modal-wrong-chip{color:#f87171;cursor:pointer;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.result-modal-wrong-chip:hover{background:#ef444440;transform:translateY(-1px)}.result-modal-empty-chip{color:#fbbf24;cursor:pointer;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.result-modal-empty-chip:hover{background:#f59e0b40;transform:translateY(-1px)}.result-modal-actions{flex-direction:column;gap:10px;display:flex}.latihan-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:border-color .3s,transform .2s;animation:fadeSlideUp .4s both}.latihan-card:hover{border-color:#10b9814d;transform:translateY(-2px)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.latihan-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.latihan-card-badge{color:var(--cat-color,var(--accent));background:var(--cat-color,var(--accent));align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.latihan-card-badge{background:color-mix(in srgb,var(--cat-color,var(--accent)) 10%,transparent)}}.latihan-card-badge{border:1px solid var(--cat-color,var(--accent))}@supports (color:color-mix(in lab,red,red)){.latihan-card-badge{border:1px solid color-mix(in srgb,var(--cat-color,var(--accent)) 20%,transparent)}}.latihan-card-badge{border-radius:100px;padding:6px 14px}.latihan-card-badge-dot{background:var(--cat-color,var(--accent));border-radius:50%;width:6px;height:6px}.latihan-card-badge-desc{color:var(--text-muted);font-size:12px;font-weight:400}.latihan-card-num{color:var(--text-muted);font-family:monospace;font-size:13px}.latihan-card-soal{color:var(--text-secondary);white-space:pre-wrap;margin-bottom:20px;font-size:15px;line-height:1.7}.latihan-card-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.quiz-progress{background:var(--border);border-radius:100px;height:4px;margin-bottom:24px;overflow:hidden}.quiz-progress-bar{background:var(--accent);border-radius:100px;height:100%;transition:width .3s}.quiz-options{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.quiz-option{text-align:left;width:100%;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;line-height:1.6;transition:border-color .2s,background .2s;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--accent)}.quiz-option:disabled{cursor:default}.quiz-option-text{flex:1}.quiz-option-key{border:1px solid var(--border);width:26px;height:26px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.quiz-option--selected{border-color:var(--accent);background:#10b98114}.quiz-option--selected .quiz-option-key{border-color:var(--accent);color:var(--accent)}.quiz-option--correct{background:#10b9811f;border-color:#10b981}.quiz-option--wrong{background:#ef44441f;border-color:#ef4444}.quiz-input-wrap{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.quiz-input-wrap label{color:var(--text-muted);font-size:13px;font-weight:600}.quiz-input{width:100%;color:var(--text-primary);border:1px solid var(--border);background:0 0;border-radius:10px;padding:12px 14px;font-size:16px}.quiz-input:focus{border-color:var(--accent);outline:none}.quiz-result{border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px}.quiz-result strong{font-size:15px;font-weight:700}.quiz-result--correct{background:#10b98114;border-color:#10b98166}.quiz-result--correct strong{color:#10b981}.quiz-result--wrong{background:#ef444414;border-color:#ef444466}.quiz-result--wrong strong{color:#ef4444}.quiz-result-key{color:var(--text-muted);margin-top:8px;font-size:14px}.quiz-result-key span{color:var(--text-primary);font-weight:600}.quiz-explanation{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.quiz-explanation-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.quiz-explanation p{color:var(--text-secondary);white-space:pre-wrap;font-size:14px;line-height:1.7}.quiz-report{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:18px;padding-top:18px;display:flex}.quiz-report label{color:var(--text-muted);font-size:13px;font-weight:600}.quiz-report textarea{width:100%;color:var(--text-primary);border:1px solid var(--border);resize:vertical;background:0 0;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.6}.quiz-report textarea:focus{border-color:var(--accent);outline:none}.quiz-report-actions{justify-content:flex-end;gap:10px;display:flex}.latihan-done-btn{border:1px solid var(--accent);min-height:44px;color:var(--accent);cursor:pointer;background:#10b9811a;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.latihan-done-btn:hover:not(:disabled){background:var(--accent);color:var(--bg-primary);transform:translateY(-1px)}.latihan-done-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.latihan-page{padding:20px 16px 60px}.header-title{font-size:24px}.latihan-card{padding:20px 16px}.latihan-card-badge-desc{display:none}.latihan-card-actions{justify-content:stretch}.latihan-card-actions>button{flex:1;justify-content:center}.quiz-option{padding:12px 14px}}.auth-page{color-scheme:light;--landing-green:#047857;--landing-green-hover:#035f43;--landing-green-bg:#f0fdf4;--landing-green-border:#bbf7d0;--landing-text:#111827;--landing-text-2:#4b5563;--landing-text-3:#6b7280;--landing-border:#e5e7eb;--landing-bg:#f9fafb;--landing-white:#fff;--landing-dark:#111827;background:var(--landing-white);min-height:100vh;color:var(--landing-text);justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.auth-ambient{filter:blur(120px);opacity:.08;pointer-events:none;z-index:0;border-radius:50%;position:fixed}.auth-ambient--1{background:var(--landing-green);width:500px;height:500px;animation:authFloat 8s ease-in-out infinite;top:-150px;right:-100px}.auth-ambient--2{background:#3b82f6;width:400px;height:400px;animation:authFloat 10s ease-in-out infinite reverse;bottom:-100px;left:-100px}@keyframes authFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.05)}}.auth-back{color:var(--landing-text-3);z-index:100;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex;position:fixed;top:24px;left:24px}.auth-back:hover{color:var(--landing-green)}.auth-container{background:var(--landing-white);border:1px solid var(--landing-border);z-index:1;border-radius:20px;max-width:900px;min-height:560px;overflow:hidden;box-shadow:0 20px 60px #00000014}.auth-container,.auth-forms{width:100%;display:flex;position:relative}.auth-form-panel{opacity:0;pointer-events:none;flex:0 0 50%;justify-content:center;align-items:center;padding:48px 40px;transition:opacity .4s .2s;display:flex}.auth-form-panel--active{opacity:1;pointer-events:auto}.auth-form-inner{width:100%;max-width:320px}.auth-logo{background:linear-gradient(135deg,var(--landing-green),#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:20px;font-weight:700;display:inline-block}.auth-form-header h1{color:var(--landing-text);margin-bottom:6px;font-size:26px;font-weight:700}.auth-form-header p{color:var(--landing-text-3);margin-bottom:28px;font-size:14px;line-height:1.5}.auth-error{color:#dc2626;background:#ef444414;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:13px;animation:authShake .4s;display:flex}@keyframes authShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-success{background:var(--landing-green-bg);border:1px solid var(--landing-green-border);color:var(--landing-green);border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field label{color:var(--landing-text-2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.auth-field input{width:100%;font-size:16px;font-family:var(--font-inter),sans-serif;background:var(--landing-white);border:1px solid var(--landing-border);color:var(--landing-text);border-radius:10px;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s}.auth-field input::placeholder{color:var(--landing-text-3);opacity:.6}.auth-field input:focus{border-color:var(--landing-green);box-shadow:0 0 0 3px #04785714}.auth-submit{width:100%;font-size:15px;font-weight:600;font-family:var(--font-inter),sans-serif;border:1px solid var(--landing-green-hover);background:var(--landing-green);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:13px 24px;transition:transform .15s,box-shadow .2s,background .15s;display:flex}.auth-submit:hover:not(:disabled){background:var(--landing-green-hover);transform:translateY(-1px);box-shadow:0 3px 10px #04785724}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-switch-mobile{text-align:center;color:var(--landing-text-3);margin-top:24px;font-size:14px;display:none}.auth-switch-mobile button{min-height:44px;color:var(--landing-green);cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-inter),sans-serif;text-underline-offset:2px;background:0 0;border:none;justify-content:center;align-items:center;padding:10px 16px;text-decoration:underline;display:inline-flex}.auth-curtain{-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--landing-border);z-index:10;background:linear-gradient(135deg,#04785714,#3b82f60d);width:50%;height:100%;transition:transform .6s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:50%;overflow:hidden}.auth-container--register .auth-curtain{transform:translate(-100%)}.auth-curtain-inner{width:100%;height:100%;position:relative}.auth-curtain-panel{text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:opacity .3s .3s;display:flex;position:absolute;inset:0}.auth-curtain-panel--active{opacity:1;pointer-events:auto}.auth-curtain-panel h2{color:var(--landing-text);margin-bottom:12px;font-size:24px;font-weight:700}.auth-curtain-panel p{color:var(--landing-text-2);max-width:260px;margin-bottom:32px;font-size:14px;line-height:1.6}.auth-curtain-btn{font-size:14px;font-weight:600;font-family:var(--font-inter),sans-serif;border:2px solid var(--landing-green);color:var(--landing-green);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;transition:background .2s,color .2s,transform .15s;display:inline-flex}.auth-curtain-btn:hover{background:var(--landing-green);color:var(--landing-white);transform:translateY(-1px)}@media (max-width:768px){.auth-page{align-items:flex-start;padding:60px 16px 16px}.auth-back{top:16px;left:16px}.auth-container{border-radius:16px;max-width:100%;min-height:auto}.auth-container,.auth-forms{flex-direction:column}.auth-form-panel{flex:none;width:100%;padding:32px 24px;transition:opacity .35s,transform .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;transform:translate(40px)}.auth-form-panel--active{position:relative;transform:translate(0)}.auth-form-panel:not(.auth-form-panel--active){height:0;padding:0;overflow:hidden;transform:translate(-40px)}.auth-form-inner{max-width:100%}.auth-form-header h1{font-size:22px}.auth-curtain{display:none}.auth-switch-mobile{display:block}}@media (max-width:400px){.auth-form-panel{padding:24px 20px}.auth-form-header h1{font-size:20px}}.landing-page{color-scheme:light;--landing-green:#047857;--landing-green-hover:#035f43;--landing-green-bg:#f0fdf4;--landing-green-border:#bbf7d0;--landing-text:#111827;--landing-text-2:#4b5563;--landing-text-3:#6b7280;--landing-border:#e5e7eb;--landing-bg:#f9fafb;--landing-white:#fff;--landing-dark:#111827;background:var(--landing-white);min-height:100vh;color:var(--landing-text);-webkit-tap-highlight-color:#04785724;line-height:1.6;overflow-x:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-page button,.landing-page input,.landing-page select{font:inherit}.landing-page a,.landing-page button,.landing-page input,.landing-page select{touch-action:manipulation}.landing-page section[id]{scroll-margin-top:80px}.landing-skip-link{z-index:200;background:var(--landing-dark);color:#fff;border-radius:8px;padding:10px 14px;font-size:13px;font-weight:800;transition:transform .15s;position:fixed;top:12px;left:12px;transform:translateY(-140%)}.landing-skip-link:focus-visible{transform:translateY(0)}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #0000;height:64px;transition:border-color .3s;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{border-color:var(--landing-border)}.landing-nav-inner{justify-content:space-between;align-items:center;gap:20px;width:min(100%,1100px);height:100%;margin:0 auto;padding:0 20px;display:flex}.landing-footer-logo,.landing-logo{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.landing-logo-icon{background:var(--landing-green);border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.landing-logo-text{color:var(--landing-text);letter-spacing:0;font-size:18px;font-weight:800}.landing-nav-links{align-items:center;gap:32px;display:none}.landing-btn-text,.landing-nav-links a{color:var(--landing-text-2);font-size:14px;font-weight:600;transition:color .15s}.landing-btn-text:hover,.landing-nav-links a:hover{color:var(--landing-green)}.landing-nav-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.landing-btn-text{display:none}.landing-btn-cta,.landing-btn-primary,.landing-hero-cta-main{background:var(--landing-green);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:800;transition:background .15s,transform .15s,box-shadow .15s;display:inline-flex}.landing-btn-primary{min-height:42px;padding:10px 18px}.landing-btn-primary,.landing-btn-primary svg,.landing-btn-primary:visited,.landing-hero-cta-main,.landing-hero-cta-main svg,.landing-hero-cta-main:visited{color:#fff}.landing-btn-primary:hover,.landing-hero-cta-main:hover{background:var(--landing-green-hover);transform:translateY(-1px)}.landing-hero{background:radial-gradient(circle at 92% 8%,#d1fae5b8,transparent 34%),var(--landing-white);align-items:center;min-height:100vh;padding-top:64px;display:flex;position:relative;overflow:hidden}.landing-fitur-inner,.landing-hero-inner,.landing-showcase-inner,.landing-testi-inner{width:min(100%,1100px);margin:0 auto;padding:64px 20px}.landing-hero-inner{align-items:center;gap:44px;display:grid}.landing-hero-left{flex-direction:column;align-items:flex-start;display:flex}.landing-hero-badge{border:1px solid var(--landing-green-border);background:var(--landing-green-bg);width:fit-content;color:var(--landing-green);border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.landing-hero-badge-dot{background:var(--landing-green);border-radius:50%;width:7px;height:7px;animation:landing-pulse 2s infinite}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.3}}.landing-hero h1{color:var(--landing-text);letter-spacing:0;margin:0 0 20px;font-size:clamp(36px,12vw,56px);font-weight:800;line-height:1.15}.landing-hero h1 span{color:var(--landing-green)}.landing-hero-desc{max-width:440px;color:var(--landing-text-2);margin:0 0 32px;font-size:16px;line-height:1.7}.landing-hero-cta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:36px;display:flex}.landing-hero-cta-main{border-radius:10px;min-height:48px;padding:14px 24px;font-size:15px}.landing-hero-cta-main:hover{box-shadow:0 8px 24px #04785733}.landing-hero-cta-sec{border:1.5px solid var(--landing-border);min-height:48px;color:var(--landing-text-2);border-radius:10px;justify-content:center;align-items:center;padding:13px 22px;font-size:14px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.landing-hero-cta-sec:hover{border-color:var(--landing-green-border);background:var(--landing-green-bg);color:var(--landing-green)}.landing-hero-social{align-items:center;gap:12px;display:flex}.landing-avatars{display:flex}.landing-avatar-dot{border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:-8px;display:inline-block}.landing-avatar-dot--0{background:linear-gradient(135deg,#34d399,#047857)}.landing-avatar-dot--1{background:linear-gradient(135deg,#93c5fd,#1d4ed8)}.landing-avatar-dot--2{background:linear-gradient(135deg,#fcd34d,#b45309)}.landing-avatar-dot--3{background:linear-gradient(135deg,#f9a8d4,#be185d)}.landing-avatar-dot:first-child{margin-left:0}.landing-avatars img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:-8px}.landing-avatars img:first-child{margin-left:0}.landing-hero-social-text{color:var(--landing-text-3);margin:0;font-size:13px;font-weight:600}.landing-hero-social-text strong{color:var(--landing-text)}.landing-hero-right{justify-content:center;display:none}.landing-app-mockup{border:1px solid var(--landing-border);background:var(--landing-white);border-radius:20px;width:100%;max-width:380px;overflow:hidden;box-shadow:0 20px 60px #0000001a,0 4px 16px #0000000f}.landing-app-topbar{background:var(--landing-green);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.landing-app-topbar-title{color:#fff;font-size:14px;font-weight:800}.landing-app-topbar-sub{color:#ffffffb8;margin-top:2px;font-size:12px}.landing-app-topbar-badge{color:#fff;background:#fff3;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800}.landing-app-body{flex-direction:column;gap:14px;padding:20px;display:flex}.landing-app-stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landing-app-stat{background:var(--landing-bg);text-align:center;border-radius:12px;padding:14px 10px}.landing-app-stat-num{color:var(--landing-text);margin-bottom:4px;font-size:22px;font-weight:800;line-height:1}.landing-app-prog-pct,.landing-app-stat-num.green{color:var(--landing-green)}.landing-app-stat-lbl{color:var(--landing-text-3);font-size:10px;font-weight:700}.landing-app-prog-row,.landing-app-progress-section{flex-direction:column;display:flex}.landing-app-progress-section{gap:10px}.landing-app-prog-row{gap:5px}.landing-app-prog-label{color:var(--landing-text-3);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.landing-app-bottom,.landing-app-prog-top{justify-content:space-between;align-items:center;display:flex}.landing-app-prog-name{color:var(--landing-text);font-size:12.5px;font-weight:700}.landing-app-prog-pct{font-size:12px;font-weight:800}.landing-app-prog-track{background:var(--landing-border);border-radius:99px;height:5px;overflow:hidden}.landing-app-prog-fill{background:linear-gradient(90deg,var(--landing-green),#34d399);border-radius:99px;height:100%}.landing-app-bottom{border-top:1px solid var(--landing-border);padding:14px 20px}.landing-app-streak{color:#b45309;font-size:13px;font-weight:800}.landing-app-next{background:var(--landing-green-bg);color:var(--landing-green);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:800}.landing-stats{background:var(--landing-dark);padding:40px 20px}.landing-stats-inner{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,1100px);margin:0 auto;display:grid}.landing-stat-item{text-align:center;padding:18px 12px}.landing-stat-num{color:#fff;margin-bottom:8px;font-size:clamp(36px,10vw,48px);font-weight:800;line-height:1;display:block}.landing-stat-num .hi{color:#34d399}.landing-stat-lbl{color:#ffffff7a;letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:700}.landing-showcase,.landing-testi{background:var(--landing-bg)}.landing-section-eyebrow{color:var(--landing-green);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.landing-section-title{color:var(--landing-text);margin:0 0 44px;font-size:clamp(28px,8vw,42px);font-weight:800;line-height:1.2}.landing-showcase-grid{gap:24px;display:grid}.landing-card,.landing-tcard{border:1px solid var(--landing-border);background:var(--landing-white);border-radius:16px;overflow:hidden;box-shadow:0 2px 16px #0000000d}.landing-card-head{background:var(--landing-green);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.landing-card-head-tag{color:#ffffffad;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:800}.landing-card-head-title{color:#fff;font-size:18px;font-weight:800}.landing-card-head-prog{align-items:center;gap:10px;display:none}.landing-prog-bar-mini{background:#fff3;border-radius:99px;width:80px;height:4px;overflow:hidden}.landing-prog-bar-mini-fill{background:#fff;border-radius:99px;width:72%;height:100%}.landing-prog-pct{color:#ffffffd1;font-size:12px;font-weight:800}.landing-card-body{padding:22px 20px}.landing-soal-tag{color:var(--landing-green);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.landing-soal-q{color:var(--landing-text);margin:0 0 20px;font-size:15px;line-height:1.7}.landing-soal-opts{flex-direction:column;gap:8px;display:flex}.landing-opt{border:1.5px solid var(--landing-border);background:var(--landing-white);width:100%;min-height:50px;color:var(--landing-text-2);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,color .15s,opacity .15s;display:flex}.landing-opt:hover{border-color:var(--landing-green-border);background:var(--landing-green-bg);color:var(--landing-green)}.landing-opt.correct{color:#065f46;background:#f0fdf4;border-color:#059669}.landing-opt.wrong{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.landing-opt.dim{opacity:.45}.landing-opt-key{background:var(--landing-bg);width:24px;height:24px;color:var(--landing-text-3);border-radius:6px;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.landing-opt.correct .landing-opt-key{color:#065f46;background:#d1fae5}.landing-opt.wrong .landing-opt-key{color:#b91c1c;background:#fee2e2}.landing-pembahasan{color:#064e3b;background:#f0fdf7;border:1px solid #bbf7d0;border-radius:10px;margin:0 20px 16px;padding:14px 18px;font-size:13.5px;line-height:1.65;display:none}.landing-pembahasan.show{display:block}.landing-pembahasan strong{color:var(--landing-green)}.landing-card-foot{border-top:1px solid var(--landing-border);justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:14px 20px;display:flex}.landing-card-foot-hint{color:var(--landing-text-3);font-size:13px}.landing-btn-cek{background:var(--landing-green);color:#fff;cursor:pointer;border:none;border-radius:8px;min-height:40px;margin-left:auto;padding:9px 18px;font-size:13px;font-weight:800;display:none}.landing-btn-cek.show{align-items:center;display:inline-flex}.landing-fitur{background:var(--landing-white)}.landing-fitur-grid{gap:16px;margin-top:44px;display:grid}.landing-fitur-item{border:1px solid var(--landing-border);background:#fff;border-radius:16px;padding:28px 24px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s;box-shadow:0 2px 16px #0000000a}.landing-fitur-item:hover{border-color:var(--landing-green-border);background:var(--landing-bg);transform:translateY(-2px);box-shadow:0 12px 30px #11182714}.landing-fitur-icon{background:var(--landing-green-bg);width:44px;height:44px;color:var(--landing-green);border-radius:10px;place-items:center;margin-bottom:18px;display:grid}.landing-fitur-item h3{color:var(--landing-text);margin:0 0 10px;font-size:16px;font-weight:800}.landing-fitur-item p{color:var(--landing-text-2);margin:0;font-size:14px;line-height:1.65}.landing-testi-grid{gap:20px;margin-top:44px;display:grid}.landing-tcard{padding:28px 22px;transition:box-shadow .2s,transform .2s}.landing-tcard:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000014}.landing-tcard-top{align-items:center;gap:14px;margin-bottom:18px;display:flex}.landing-tcard-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.landing-tcard-initials{background:var(--landing-green-bg);border:1px solid var(--landing-green-border);color:var(--landing-green);justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.landing-tcard-name{color:var(--landing-text);font-size:15px;font-weight:800}.landing-tcard-badge{border:1px solid var(--landing-green-border);background:var(--landing-green-bg);color:var(--landing-green);border-radius:99px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.landing-tcard-quote{color:var(--landing-text-2);margin:0 0 20px;font-size:14px;font-style:italic;line-height:1.75}.landing-tcard-score{border-top:1px solid var(--landing-border);align-items:center;gap:14px;padding-top:20px;display:flex}.landing-score-box{text-align:center}.landing-score-label{color:var(--landing-text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:800}.landing-score-val{font-size:30px;font-weight:800;line-height:1}.landing-score-before .landing-score-val{color:var(--landing-text-3)}.landing-score-after .landing-score-val,.landing-score-arrow{color:var(--landing-green)}.landing-score-arrow{text-align:center;flex:1;font-size:22px}.landing-score-note{max-width:80px;color:var(--landing-text-3);font-size:12px;font-weight:600;line-height:1.4}.landing-cta{background:var(--landing-dark);text-align:center;padding:80px 20px;position:relative;overflow:hidden}.landing-cta:before{content:"";pointer-events:none;background:radial-gradient(#0596692e 0,#0000 70%);width:600px;height:300px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.landing-cta-inner{z-index:1;max-width:580px;margin:0 auto;position:relative}.landing-cta h2{color:#fff;margin:0 0 16px;font-size:clamp(36px,10vw,54px);font-weight:800;line-height:1.15}.landing-cta h2 span{color:#34d399}.landing-cta p{color:#ffffff80;margin:0 0 32px;font-size:16px;line-height:1.6}.landing-btn-cta{min-height:52px;color:var(--landing-green);background:#fff;border-radius:10px;padding:16px 28px;font-size:15px}.landing-btn-cta:hover{transform:translateY(-2px);box-shadow:0 16px 48px #0000004d}.landing-cta .landing-cta-note{color:#ffffff47;margin:16px 0 0;font-size:13px}.landing-footer{background:#080e0b;border-top:1px solid #ffffff0f;padding:32px 20px}.landing-footer-inner{flex-direction:column;align-items:flex-start;gap:18px;width:min(100%,1100px);margin:0 auto;display:flex}.landing-footer-logo-icon{background:var(--landing-green);border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.landing-footer-logo-text{color:#ffffffb3;font-size:16px;font-weight:800}.landing-footer-links{flex-wrap:wrap;gap:16px 24px;display:flex}.landing-footer-links a{color:#ffffff5c;font-size:13px;transition:color .15s}.landing-footer-links a:hover{color:#ffffffb8}.landing-footer-copy{color:#ffffff38;font-size:12px}.landing-page .fade-up{opacity:0;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.landing-page .fade-up.d1{transition-delay:.1s}.landing-page .fade-up.d2{transition-delay:.2s}.landing-page .fade-up.d3{transition-delay:.3s}.landing-page .fade-up.in{opacity:1;transform:none}.landing-page a:focus-visible,.landing-page button:focus-visible,.landing-page input:focus-visible,.landing-page select:focus-visible{outline-offset:3px;outline:3px solid #0478574d}@media (min-width:640px){.landing-nav-inner{padding:0 24px}.landing-btn-text{display:inline-flex}.landing-fitur-inner,.landing-hero-inner,.landing-showcase-inner,.landing-testi-inner{padding:80px 24px}.landing-card-head-prog{display:flex}.landing-card-body,.landing-card-head{padding-left:24px;padding-right:24px}.landing-pembahasan{margin-left:24px;margin-right:24px}.landing-card-foot{padding-left:24px;padding-right:24px}.landing-footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}@media (min-width:900px){.landing-nav-links{display:flex}.landing-hero-inner{grid-template-columns:1fr 1fr;gap:64px}.landing-hero-right{display:flex}.landing-fitur-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-fitur-item{min-height:100%}.landing-testi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-stats-inner{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-stat-item{border-right:1px solid #ffffff14}.landing-stat-item:last-child{border-right:none}}@media (max-width:380px){.landing-nav-inner{gap:12px;padding:0 14px}.landing-logo-text{font-size:16px}.landing-btn-primary{padding:9px 12px;font-size:13px}.landing-fitur-inner,.landing-hero-inner,.landing-showcase-inner,.landing-testi-inner{padding-left:16px;padding-right:16px}.landing-tcard-score{flex-wrap:wrap;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landing-page .fade-up{opacity:1;transform:none}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-page a:focus-visible,.auth-page button:focus-visible,.auth-page input:focus-visible,.landing-page a:focus-visible,.landing-page button:focus-visible,.landing-page input:focus-visible{outline-color:var(--landing-green)}.latihan-card-image-wrap{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:center;align-items:center;margin:1rem 0 1.5rem;padding:.75rem;display:flex}.latihan-card-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:380px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}