:root{color-scheme:light;--blue: #2563eb;--blue-deep: #1d4ed8;--yellow: #facc15;--yellow-deep: #eab308;--coral: #fb7185;--coral-deep: #f43f5e;--mint: #34d399;--mint-deep: #10b981;--purple: #a78bfa;--pink: #f472b6;--orange: #fb923c;--cyan: #22d3ee;--ink: #0f172a;--ink-soft: #334155;--white: #ffffff;--cream: #fffbeb;--bg: var(--white);--bg-soft: var(--white);--surface: var(--white);--surface-soft: var(--cream);--surface-sunken: var(--cream);--border: var(--ink);--border-strong: var(--ink);--hairline: #e2e8f0;--text: var(--ink);--text-muted: var(--ink-soft);--text-dim: #475569;--primary: var(--blue);--primary-strong: var(--blue-deep);--primary-soft: rgba(37, 99, 235, .12);--primary-ink: #fff;--secondary: var(--mint);--secondary-soft: rgba(52, 211, 153, .18);--accent: var(--yellow);--accent-soft: rgba(250, 204, 21, .28);--success: var(--mint-deep);--success-soft: rgba(16, 185, 129, .16);--warning: var(--yellow-deep);--warning-soft: rgba(234, 179, 8, .2);--danger: var(--coral-deep);--danger-soft: rgba(244, 63, 94, .14);--gradient-primary: linear-gradient(135deg, var(--blue) 0%, var(--mint) 100%);--gradient-hot: linear-gradient(135deg, var(--yellow) 0%, var(--coral) 100%);--gradient-cool: linear-gradient(135deg, var(--cyan) 0%, var(--mint) 100%);--gradient-royal: linear-gradient(135deg, var(--purple) 0%, var(--blue) 100%);--shadow: 4px 4px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--shadow-md: 4px 4px 0 var(--ink);--shadow-lg: 6px 6px 0 var(--ink);--glow-primary: 4px 4px 0 var(--ink);--ring: 0 0 0 3px var(--yellow);--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--header-h: 64px;--speed: .25s;--dur-fast: .25s;--dur: .45s;--dur-slow: .7s;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.22, 1, .36, 1);--font: "Almarai", "Vazirmatn", "Segoe UI", Tahoma, sans-serif;--container: 760px;--container-wide: 1100px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.9;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{max-width:100%;height:auto}h1,h2,h3,h4,h5{margin:0 0 .4em;line-height:1.45;font-weight:800;letter-spacing:0;text-wrap:balance;color:var(--text)}h1{font-size:clamp(1.85rem,3.4vw,2.75rem);font-weight:800}h2{font-size:clamp(1.35rem,2.2vw,1.8rem)}h3{font-size:1.08rem;font-weight:700}p{margin:0 0 1em;color:var(--text-muted)}a{color:var(--primary-strong);text-decoration:none}strong{font-weight:700;color:var(--text)}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--ink);border-radius:99px;border:2px solid var(--cream);background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--blue);background-clip:content-box}.container{width:min(var(--container-wide),100% - 2.5rem);margin-inline:auto}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;align-items:center;gap:.75rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--text-muted)}.dim{color:var(--text-dim);font-size:.85rem}.center{text-align:center}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;direction:ltr}.tabular{font-variant-numeric:tabular-nums}.gradient-text{color:var(--blue);font-weight:800}.gradient-text-hot{color:var(--coral-deep);font-weight:800}.grid{display:grid;gap:1.25rem}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.grid-stats{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.motion-ok .fade-in{animation:fade-up .42s var(--spring) both}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.motion-ok .stagger>*{animation:fade-up .42s var(--spring) both}.motion-ok .stagger>:nth-child(1){animation-delay:40ms}.motion-ok .stagger>:nth-child(2){animation-delay:90ms}.motion-ok .stagger>:nth-child(3){animation-delay:.14s}.motion-ok .stagger>:nth-child(4){animation-delay:.19s}.motion-ok .stagger>:nth-child(5){animation-delay:.24s}.motion-ok .stagger>:nth-child(6){animation-delay:.29s}.motion-ok .stagger>:nth-child(7){animation-delay:.34s}.motion-ok .stagger>:nth-child(8){animation-delay:.39s}.hairline-rows{list-style:none;margin:0;padding:0}.hairline-rows>li{display:flex;align-items:baseline;gap:1rem;padding:.85rem .15rem;border-bottom:2px solid var(--ink);transition:background var(--speed)}.hairline-rows>li:hover{background:var(--primary-soft)}.hairline-rows>li:last-child{border-bottom:none}.hairline-index{font-variant-numeric:tabular-nums;font-weight:800;font-size:.9rem;color:var(--blue);min-width:1.8em;flex:none}ol.hairline-rows-numbers{list-style:none}ol.hairline-rows-numbers>li:before{content:none}.outline-num{direction:ltr;font-weight:800;font-size:clamp(2rem,4vw,3rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--blue);opacity:.9}.min-vh-100{min-height:100vh}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}.btn{--btn-bg: var(--surface);--btn-fg: var(--text);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.62rem 1.15rem;border:2px solid var(--ink);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-weight:700;font-size:.92rem;cursor:pointer;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--speed) var(--spring),box-shadow var(--speed) var(--spring),background var(--speed) var(--ease),border-color var(--speed) var(--ease),color var(--speed) var(--ease)}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.btn-primary{--btn-bg: var(--blue);--btn-fg: #fff}.btn-primary:hover:not(:disabled){background:var(--blue-deep)}.btn-hot{--btn-bg: var(--yellow);--btn-fg: var(--ink)}.btn-hot:hover:not(:disabled){background:var(--yellow-deep)}.btn-success{--btn-bg: var(--mint);--btn-fg: var(--ink)}.btn-success:hover:not(:disabled){background:var(--mint-deep);color:#fff}.btn-danger{--btn-bg: var(--coral);--btn-fg: var(--ink)}.btn-danger:hover:not(:disabled){background:var(--coral-deep);color:#fff}.btn-ghost{--btn-bg: transparent;box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--cream);box-shadow:var(--shadow-sm)}.btn-sm{padding:.38rem .75rem;font-size:.82rem}.btn-lg{padding:.8rem 1.5rem;font-size:1rem}.btn-block{width:100%}.btn-icon{padding:.5rem}.card{position:relative;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:var(--shadow);transition:transform var(--speed) var(--spring),border-color var(--speed) var(--ease),box-shadow var(--speed) var(--spring)}.card-hover:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink)}.card-glow:after{content:none}.card-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.card-flat{background:var(--cream);padding:1rem;border-radius:var(--radius);border:2px dashed var(--ink)}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.label{font-size:.85rem;font-weight:700;color:var(--text)}.input,.select,.textarea{width:100%;padding:.62rem .85rem;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);color:var(--text);font:inherit;font-size:.93rem;box-shadow:3px 3px 0 var(--ink);transition:border-color var(--speed) var(--ease),box-shadow var(--speed) var(--spring),transform var(--speed) var(--spring)}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.input:hover,.select:hover,.textarea:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue);box-shadow:4px 4px 0 var(--blue)}.input-error,.input-error:focus{border-color:var(--coral-deep);box-shadow:3px 3px 0 var(--coral-deep)}.textarea{min-height:96px;resize:vertical;line-height:1.9}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(0% + 14px) calc(50% + 2px),calc(0% + 19px) calc(50% + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-left:2.2rem}.field-error{color:var(--coral-deep);font-size:.8rem;font-weight:700}.field-hint{color:var(--text-dim);font-size:.78rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--radius-pill);font-size:.76rem;font-weight:700;background:var(--surface-sunken);color:var(--text);border:2px solid var(--ink);white-space:nowrap}.badge-primary{background:var(--blue);color:#fff}.badge-secondary,.badge-success{background:var(--mint);color:var(--ink)}.badge-warning{background:var(--yellow);color:var(--ink)}.badge-danger{background:var(--coral);color:var(--ink)}.badge-hot{background:var(--orange);color:var(--ink)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:2px solid var(--ink);background:var(--surface);box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse;min-width:640px;font-size:.88rem}.table th{text-align:right;padding:.75rem 1rem;font-weight:800;font-size:.76rem;color:var(--ink);background:var(--yellow);border-bottom:2px solid var(--ink);white-space:nowrap}.table td{padding:.72rem 1rem;border-bottom:1px solid var(--hairline);vertical-align:middle;color:var(--text-muted)}.table td strong{color:var(--text)}.table tbody tr{transition:background var(--speed) var(--ease)}.table tbody tr:hover{background:var(--primary-soft)}.table tbody tr:last-child td{border-bottom:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:1.25rem;background:#0f172a73;animation:fade-in .16s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:min(680px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border:3px solid var(--ink);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:8px 8px 0 var(--ink);animation:pop-in .26s var(--spring) both}.modal-lg{width:min(900px,100%)}@keyframes pop-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.toast-host{position:fixed;top:1.1rem;left:1.1rem;z-index:90;display:flex;flex-direction:column;gap:.6rem;max-width:360px}.toast{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem 1rem;border-radius:var(--radius);background:var(--surface);border:2px solid var(--ink);box-shadow:var(--shadow);font-size:.9rem;color:var(--text);animation:slide-in .28s var(--spring) both}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:none}}.toast-success{background:var(--mint)}.toast-error{background:var(--coral)}.toast-info{background:var(--yellow)}.toast-success svg{color:var(--ink)}.toast-error svg{color:var(--ink)}.toast-info svg{color:var(--ink)}.spinner{width:20px;height:20px;border:3px solid var(--ink);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:grid;place-items:center;padding:4rem 0;gap:1rem;color:var(--text-muted)}.bar{height:10px;border-radius:var(--radius-pill);background:var(--surface-sunken);border:2px solid var(--ink);overflow:hidden}.bar>span{display:block;height:100%;border-radius:var(--radius-pill);background:var(--blue);transition:width .4s var(--spring)}.empty{display:grid;place-items:center;gap:.6rem;padding:3.5rem 1.5rem;text-align:center;border:2px dashed var(--ink);border-radius:var(--radius-lg);color:var(--text-muted);background:var(--cream)}.empty svg{color:var(--ink)}.tabs{display:inline-flex;gap:.2rem;padding:.25rem;background:var(--surface-sunken);border:2px solid var(--ink);border-radius:var(--radius-pill);flex-wrap:wrap}.tab{padding:.38rem .85rem;border:none;background:transparent;color:var(--text-muted);font:inherit;font-size:.85rem;font-weight:700;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--speed) var(--spring)}.tab:hover{color:var(--text)}.tab.active{background:var(--yellow);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.ring{--value: 0;--size: 190px;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(from 180deg,var(--blue) 0%,var(--mint) calc(var(--value) * .5%),var(--surface-sunken) calc(var(--value) * .5%));border:3px solid var(--ink);box-shadow:var(--shadow);transition:background .9s var(--ease)}.ring:before{content:"";position:absolute;top:13px;right:13px;bottom:13px;left:13px;border-radius:50%;background:var(--surface);border:2px solid var(--ink)}.ring>.ring-inner{position:relative;text-align:center;z-index:1}.ring-value{font-size:2.6rem;font-weight:800;line-height:1.15;color:var(--text)}.ring-label{font-size:.8rem;color:var(--text-muted)}.stat{position:relative;overflow:hidden;padding:1.1rem 1.2rem}.stat:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:6px;background:var(--stat-accent, var(--blue))}.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius);background:var(--stat-color, var(--yellow));border:2px solid var(--ink);color:var(--ink)}.stat-value{font-size:1.6rem;font-weight:800;line-height:1.3;color:var(--text)}.stat-label{font-size:.8rem;color:var(--text-muted)}.chart{display:flex;align-items:flex-end;gap:.5rem;min-height:200px;padding:1rem .4rem 0;overflow-x:auto}.chart-col{flex:1 0 auto;min-width:34px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-bar{width:100%;max-width:42px;border-radius:6px 6px 0 0;background:var(--blue);border:2px solid var(--ink);border-bottom:none;min-height:4px;transition:height .6s var(--spring),filter var(--speed) var(--ease);position:relative}.chart-col:hover .chart-bar{background:var(--mint)}.chart-x{font-size:.68rem;color:var(--text-dim);white-space:nowrap;direction:ltr}.deck{position:relative;width:min(420px,100%);aspect-ratio:1.45;margin-inline:auto;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none}.deck:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:var(--radius-lg)}.deck-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--surface);border:3px solid var(--ink);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;box-shadow:var(--shadow-lg);transition:transform .3s var(--spring),opacity .3s var(--ease);will-change:transform}.deck-card.is-dragging{transition:none;z-index:20;cursor:grabbing}.deck-card.is-ghost{pointer-events:none}.deck-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.deck-glyph{width:44px;height:44px;border-radius:var(--radius);display:grid;place-items:center;font-weight:800;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);flex:none}.deck-meta{display:flex;gap:.9rem;flex-wrap:wrap;font-size:.82rem;color:var(--text-muted);border-top:2px solid var(--ink);padding-top:.8rem;margin-top:auto}.deck-meta span{display:inline-flex;align-items:center;gap:.35rem}.deck-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.9rem}.deck-price{font-size:1.1rem;font-weight:800;color:var(--text)}.deck-dots{display:flex;justify-content:center;gap:.4rem;margin-top:1rem}.deck-dot{width:8px;height:8px;border-radius:99px;border:2px solid var(--ink);padding:0;background:var(--surface);cursor:pointer;transition:all var(--speed) var(--spring)}.deck-dot.active{width:22px;background:var(--yellow)}.deck-hint{text-align:center;color:var(--text-dim);font-size:.8rem;margin-top:.55rem}.band{position:relative;padding:clamp(3.2rem,7vw,5.5rem) 0;overflow:hidden}.band--blue{background:var(--blue);color:var(--white);border-bottom:3px solid var(--ink)}.band--yellow{background:var(--yellow);color:var(--ink);border-bottom:3px solid var(--ink)}.band--mint{background:var(--mint);color:var(--ink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.band--white{background:var(--white);color:var(--ink);border-bottom:3px solid var(--ink)}.band--blue :is(h1,h2,h3,p){color:inherit}.band--blue p{opacity:.9}.band__label{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-size:.78rem;font-weight:800;text-transform:uppercase;padding:.3rem .9rem;border-radius:var(--radius-pill);border:2px solid currentColor;margin-bottom:1.1rem}.band__sub{opacity:.85;font-size:1.02rem;margin-bottom:2rem}.band--blue .gradient-text,.band--blue .gradient-text-hot{color:var(--yellow)}.band--blue .hero-eyebrow{background:var(--yellow);color:var(--ink)}.band--blue .dim{color:#ffffffd9}.band--blue .btn-primary{--btn-bg: var(--yellow);--btn-fg: var(--ink)}.band--blue .btn-primary:hover:not(:disabled){background:var(--yellow-deep)}.band--blue .btn-ghost{color:var(--white);border-color:var(--white);background:transparent;box-shadow:none}.band--blue .btn-ghost:hover:not(:disabled){background:var(--white);color:var(--ink);border-color:var(--ink);box-shadow:var(--shadow-sm)}.band--yellow .gradient-text,.band--yellow .gradient-text-hot{color:var(--ink)}.band--yellow .dim{color:var(--ink-soft)}.band--yellow .btn-primary{--btn-bg: var(--ink);--btn-fg: var(--white)}.band--yellow .btn-primary:hover:not(:disabled){background:var(--blue)}.band--yellow .card,.band--yellow .auth-card{background:var(--white)}.band--yellow .auth-card .btn-primary,.band--yellow .auth-side .btn-primary{--btn-bg: var(--blue);--btn-fg: var(--white)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page{flex:1;padding:2.4rem 0 4.5rem}.page:has(>.band:first-child),.page:has(.band--blue:first-child),.page:has(.band--yellow:first-child){padding-top:0}.page-narrow{max-width:880px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}.navbar{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;background:color-mix(in srgb,var(--white) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--ink)}.navbar-inner{display:flex;align-items:center;gap:1rem;width:min(var(--container-wide),100% - 2.5rem);margin-inline:auto}.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.02rem;color:var(--text);white-space:nowrap}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius);background:var(--blue);color:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);flex:none}.nav-links{display:flex;align-items:center;gap:.15rem;margin-inline-start:.75rem;flex:1}.nav-link{display:inline-flex;align-items:center;min-height:38px;padding:.3rem .9rem;border-radius:var(--radius-pill);background:var(--cream);border:2px solid var(--ink);color:var(--ink);font-size:.85rem;font-weight:700;box-shadow:3px 3px 0 var(--ink);white-space:nowrap;transition:transform var(--dur-fast) var(--spring),box-shadow var(--dur-fast) var(--spring),background var(--dur-fast) var(--ease)}.nav-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);background:var(--yellow);color:var(--ink)}.nav-link:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.nav-link.active{background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.nav-actions{display:flex;align-items:center;gap:.6rem}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.8rem;background:var(--mint);border:2px solid var(--ink);color:var(--ink);flex:none}.user-chip{display:flex;align-items:center;gap:.55rem;padding:.22rem .7rem .22rem .28rem;border-radius:var(--radius-pill);background:var(--surface);border:2px solid var(--ink);cursor:pointer;color:var(--text);font:inherit;box-shadow:3px 3px 0 var(--ink);transition:all var(--speed) var(--spring)}.user-chip:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.menu{position:absolute;top:calc(100% + 10px);left:0;min-width:230px;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);padding:.4rem;box-shadow:var(--shadow-lg);animation:pop-in .2s var(--spring) both;z-index:60}.menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .7rem;border:none;background:transparent;color:var(--text-muted);font:inherit;font-size:.9rem;border-radius:var(--radius-pill);cursor:pointer;text-align:right;transition:all var(--speed) var(--ease)}.menu-item:hover{background:var(--yellow);color:var(--ink)}.nav-toggle{display:none}.hero{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center;padding:3.2rem 0 3rem}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem;border-radius:var(--radius-pill);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);color:var(--ink);font-size:.8rem;font-weight:800;margin-bottom:1.2rem}.hero-title{font-size:clamp(2rem,4.4vw,3.3rem);font-weight:800;line-height:1.4;margin-bottom:.9rem}.hero-sub{font-size:1.03rem;max-width:52ch}.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.6rem}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;border:none;opacity:.35;filter:none;pointer-events:none}.orb-1{width:60%;height:60%;background:var(--cyan);animation:float 6s ease-in-out infinite}.orb-2{width:40%;height:40%;background:var(--pink);top:8%;left:6%;animation:float 6s ease-in-out infinite 1.4s}.orb-3{width:34%;height:34%;background:var(--yellow);bottom:10%;right:4%;animation:float 6s ease-in-out infinite 2.6s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(8deg)}}.hero-glass{position:relative;z-index:2;width:min(78%,340px);padding:1.2rem 1.35rem;border-radius:var(--radius-lg);background:var(--white);border:3px solid var(--ink);box-shadow:var(--shadow-lg);color:var(--ink)}.hero-glass .hero-stat{color:var(--text-muted)}.hero-glass .hero-stat strong{color:var(--ink)}.hero-stat{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:2px solid var(--ink);color:var(--text-muted);font-size:.92rem}.hero-stat:last-child{border-bottom:none}.hero-stat strong{color:var(--text)}.exam-card{display:flex;flex-direction:column;gap:.9rem;height:100%}.exam-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.exam-glyph{width:46px;height:46px;border-radius:var(--radius);display:grid;place-items:center;font-weight:800;color:var(--ink);background:var(--coral);border:2px solid var(--ink);flex:none}.exam-desc{font-size:.88rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em}.exam-meta{display:flex;gap:.9rem;flex-wrap:wrap;font-size:.83rem;color:var(--text-muted);border-top:2px solid var(--ink);padding-top:.85rem}.exam-meta span{display:inline-flex;align-items:center;gap:.35rem}.exam-price{font-size:1.15rem;font-weight:800;color:var(--text)}.auth-shell{height:auto;min-height:min(600px,calc(100vh - var(--header-h) - 9.5rem));display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border:3px solid var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.auth-side{position:relative;display:flex;flex-direction:column;justify-content:center;gap:1.15rem;padding:1.75rem 2rem;background:var(--blue);color:#fff;overflow:hidden}.auth-side:before{content:"";position:absolute;width:320px;height:320px;bottom:-120px;left:-100px;border-radius:50%;background:var(--yellow);opacity:.35}.auth-side:after{content:"";position:absolute;top:-80px;right:-60px;width:220px;height:220px;border-radius:50%;background:var(--mint);opacity:.35}.auth-side>*{position:relative;z-index:1}.auth-side .brand,.auth-side h1,.auth-side h2,.auth-side h3,.auth-side strong{color:#fff}.auth-side .brand-mark{background:var(--yellow);color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.auth-side .hero-title{font-size:clamp(1.35rem,1.8vw,1.7rem);line-height:1.5;margin-bottom:.35rem}.auth-side .hero-sub{font-size:.9rem;line-height:1.7;max-width:36ch;margin:0}.auth-side .hero-title,.auth-side .hero-sub{color:#fffffff2}.auth-side .gradient-text{color:var(--yellow)}.auth-side p,.auth-side .dim,.auth-side .hero-sub{color:#ffffffeb}.auth-side .stack{gap:.65rem}.auth-feature{display:flex;align-items:flex-start;gap:.7rem;padding:.6rem .75rem;border-radius:var(--radius);background:#ffffff1f;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.auth-feature strong{display:block;color:#fff;font-size:.88rem;margin-bottom:.1rem;line-height:1.5}.auth-feature .dim{font-size:.78rem;line-height:1.65}.auth-feature-icon{width:30px;height:30px;border-radius:var(--radius);display:grid;place-items:center;background:var(--yellow);border:2px solid var(--ink);color:var(--ink);flex:none}.auth-main{display:grid;place-items:center;padding:2.5rem 1.5rem}.auth-card{width:min(440px,100%);padding:2rem;border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--ink);box-shadow:var(--shadow)}.auth-switch{margin-top:1.4rem;text-align:center;font-size:.88rem;color:var(--text-muted)}.footer{border-top:3px solid var(--ink);padding:1.5rem 0;margin-top:auto;font-size:.83rem;color:var(--white);background:var(--ink)}.footer .dim,.footer p{color:#ffffffbf;margin:0}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}@media (max-width: 960px){.hero{grid-template-columns:1fr;padding-top:2.4rem}.hero{padding:2rem 0}.hero-art{display:none}.auth-shell{grid-template-columns:1fr;height:auto;min-height:0}.auth-side{display:none}}@media (max-width: 760px){.navbar-inner{width:calc(100% - 1.6rem)}.nav-links{display:none}.nav-toggle{display:inline-flex}.nav-links.open{position:absolute;top:calc(100% + 8px);right:.8rem;left:.8rem;display:flex;flex-direction:column;align-items:stretch;padding:.6rem;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.container{width:calc(100% - 1.6rem)}}.runner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:var(--cream);padding:1.1rem 1.4rem 1.4rem;gap:1rem}.runner-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.runner-title{display:flex;align-items:center;gap:.7rem;font-weight:700;color:var(--text)}.runner-progress{flex:1;min-width:180px}.timer{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:var(--radius-pill);font-weight:800;font-variant-numeric:tabular-nums;background:var(--white);border:2px solid var(--ink);box-shadow:var(--shadow-sm);direction:ltr;color:var(--text)}.timer.warn{background:var(--yellow);border-color:var(--ink);color:var(--ink);animation:pulse-warn 1.6s ease-in-out infinite}.timer.danger{background:var(--coral);border-color:var(--ink);color:var(--ink);animation:pulse-warn 1s ease-in-out infinite}@keyframes pulse-warn{50%{box-shadow:0 0 0 5px #0f172a26}}.question-card{flex:1;display:flex;flex-direction:column;gap:1.4rem;max-width:980px;width:100%;margin-inline:auto;overflow-y:auto;background:var(--white);border:3px solid var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:1.5rem}.question-body{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;line-height:2;color:var(--text)}.options{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.option{display:flex;align-items:center;gap:.85rem;padding:.9rem 1.05rem;border-radius:var(--radius);border:2px solid var(--ink);background:var(--surface);color:var(--text);font:inherit;font-size:.98rem;text-align:right;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--speed) var(--spring)}.option:hover:not(:disabled){transform:translate(-2px,-2px);border-color:var(--ink);background:var(--cream);box-shadow:6px 6px 0 var(--ink)}.option:disabled{cursor:wait;opacity:.6}.option-key{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:var(--radius);background:var(--surface-sunken);border:2px solid var(--ink);font-weight:800;color:var(--text-muted);transition:all var(--speed) var(--spring)}.option:hover .option-key{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.runner-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;max-width:980px;width:100%;margin-inline:auto}.fraud-pill{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;padding:.3rem .75rem;border-radius:var(--radius-pill);background:var(--yellow);border:2px solid var(--ink);color:var(--ink)}.runner-warning{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;border-radius:var(--radius);background:var(--coral);border:2px solid var(--ink);box-shadow:var(--shadow-sm);color:var(--ink);font-size:.9rem;font-weight:700;animation:pop-in .26s var(--spring) both}.result-hero{display:grid;place-items:center;gap:1.5rem;text-align:center;padding:2rem 1.5rem;background:var(--blue);color:var(--white);border:3px solid var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-top:1rem}.result-hero h1{color:var(--white)}.result-hero .hero-eyebrow{background:var(--yellow);color:var(--ink);border-color:var(--ink)}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;width:min(680px,100%)}.profile-header{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.profile-avatar{width:84px;height:84px;border-radius:var(--radius-xl);display:grid;place-items:center;font-size:1.9rem;font-weight:800;background:var(--mint);border:3px solid var(--ink);color:var(--ink);box-shadow:var(--shadow);flex:none}.kv{display:grid;grid-template-columns:130px 1fr;gap:.5rem 1rem;font-size:.92rem}.kv dt{color:var(--text-dim)}.kv dd{margin:0;font-weight:700;color:var(--text)}.admin-shell{display:grid;grid-template-columns:264px 1fr;min-height:100vh;background:var(--white)}.admin-side{position:sticky;top:0;height:100vh;overflow-y:auto;padding:1.4rem 1rem 2rem;background:var(--surface);border-inline-end:3px solid var(--ink);display:flex;flex-direction:column;gap:1.1rem}.admin-nav{display:flex;flex-direction:column;gap:.25rem}.admin-nav-group{font-size:.72rem;letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase;margin:.9rem .6rem .35rem}.admin-link{display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;border-radius:var(--radius-pill);color:var(--text-muted);font-size:.9rem;font-weight:700;border:2px solid transparent;transition:all var(--speed) var(--spring)}.admin-link:hover{background:var(--cream);color:var(--text);border-color:var(--ink)}.admin-link.active{background:var(--yellow);color:var(--ink);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.admin-main{min-width:0;display:flex;flex-direction:column}.admin-top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.6rem;background:var(--yellow);border-bottom:3px solid var(--ink);color:var(--ink);flex-wrap:wrap}.admin-top .dim{color:var(--ink-soft)}.admin-body{padding:1.6rem;flex:1}.admin-side-toggle{display:none}@media (max-width: 1024px){.admin-shell{grid-template-columns:1fr}.admin-side{position:fixed;inset-block:0;inset-inline-start:0;width:272px;z-index:80;transform:translate(100%);transition:transform var(--speed);box-shadow:var(--shadow-lg)}.admin-side.open{transform:none}.admin-side-toggle{display:inline-flex}.admin-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0f172a59}}.license-screen{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem;background:var(--blue)}.license-card{width:min(520px,100%);padding:2.4rem;border-radius:var(--radius-xl);background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-lg);text-align:center}.license-lock{width:76px;height:76px;margin:0 auto 1.2rem;border-radius:var(--radius-xl);display:grid;place-items:center;background:var(--yellow);border:3px solid var(--ink);color:var(--ink);box-shadow:var(--shadow)}.detail-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;align-items:start}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}}.sample-question{border:2px dashed var(--ink);border-radius:var(--radius);padding:1.1rem 1.25rem;background:var(--cream)}.fact-list{display:grid}.fact{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .15rem;border-bottom:2px solid var(--ink);font-size:.88rem;transition:background var(--speed)}.fact:hover{background:var(--primary-soft)}.fact:last-child{border-bottom:none}.fact strong{font-weight:700}.drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(560px,100%);z-index:80;background:var(--surface);border-inline-start:3px solid var(--ink);box-shadow:var(--shadow-lg);padding:1.5rem;overflow-y:auto;animation:drawer-in .3s var(--spring) both}@keyframes drawer-in{0%{transform:translate(-100%);opacity:.6}to{transform:none;opacity:1}}