@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}img,svg{max-width:100%;display:block}input,textarea,button,select{font:inherit}:root{--bg:#060606;--bg-2:#0b0b0b;--panel:#101010;--panel-2:#141414;--accent:#ff6a00;--accent-soft:#ff6a0024;--accent-glow:#ff6a0066;--green:#84cc16;--green-soft:#84cc161f;--text:#f5f2ea;--muted:#8b867c;--error:#ef4444;--line:#ffffff14;--line-strong:#ffffff29;--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", "Courier New", monospace;--r-badge:3px;--r-btn:4px;--r-card:6px;--r-frame:8px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;--shadow-glow:0 0 24px var(--accent-glow);--shadow-panel:0 4px 32px #0009}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,2.5rem);font-weight:700;line-height:1.15}h2{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;line-height:1.2}h3{font-size:clamp(1rem,2.5vw,1.25rem);font-weight:600;line-height:1.3}p{color:var(--muted);font-size:.95rem}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.65rem;font-weight:700}.bg-grid-tech{background-image:linear-gradient(90deg,#ffffff0f 1px,#0000 1px),linear-gradient(#ffffff0f 1px,#0000 1px);background-size:34px 34px}.bg-noise-tech{background-image:radial-gradient(circle at 20% 20%,#ff6a001a,#0000 20%),radial-gradient(circle at 80% 10%,#ffffff0d,#0000 18%),radial-gradient(circle at 50% 100%,#ff6a0014,#0000 28%)}@keyframes glow{0%,to{box-shadow:0 0 16px #ff6a004d}50%{box-shadow:0 0 32px #ff6a00b3}}@keyframes pulseLine{0%,to{opacity:.5}50%{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes shimmer{0%{background-position:-1200px 0}to{background-position:1200px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progressFill{0%{width:0}to{width:var(--progress-width,0%)}}.animate-rise{animation:.5s forwards rise}@media (prefers-reduced-motion:reduce){.animate-rise,[class*=animate-]{animation:none!important}*{transition:none!important}}.btn{justify-content:center;align-items:center;gap:var(--s2);font-family:var(--font-sans);border-radius:var(--r-btn);cursor:pointer;white-space:nowrap;min-height:44px;padding:0 var(--s6);border:1px solid #0000;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,box-shadow .2s,opacity .2s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent);animation:2.4s ease-in-out infinite glow}.btn-primary:hover:not(:disabled){background:#ff7a1a}.btn-outline{color:var(--text);border-color:var(--line-strong);background:0 0;animation:none}.btn-outline:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.btn-option{align-items:flex-start;gap:var(--s4);text-align:left;width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s4) var(--s5);cursor:pointer;background:0 0;min-height:56px;font-size:.95rem;font-weight:400;transition:border-color .15s,background .15s,box-shadow .15s;animation:none;display:flex}.btn-option:hover{border-color:var(--line-strong);background:#ffffff08}.btn-option.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.btn-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-option .option-letter{font-family:var(--font-mono);color:var(--accent);flex-shrink:0;min-width:20px;font-size:.75rem;font-weight:700;line-height:1.65}.input-group{gap:var(--s2);flex-direction:column;display:flex}.input-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.65rem;font-weight:700}.input-label .required{color:var(--accent);margin-left:2px}.input-field{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-btn);color:var(--text);padding:var(--s3) var(--s4);width:100%;min-height:44px;font-size:.95rem;transition:border-color .2s}.input-field::placeholder{color:var(--muted)}.input-field:focus{border-color:var(--accent);outline:none}.input-field:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.input-field.has-error{border-color:var(--error)}.input-error{color:var(--error);font-size:.75rem;font-family:var(--font-mono)}textarea.input-field{resize:vertical;min-height:120px;line-height:1.65}.progress-bar-track{background:var(--line);border-radius:99px;width:100%;height:2px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .4s;animation:3s ease-in-out infinite pulseLine}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--s6)}.card-accent{border-color:#ff6a0040;border-top:2px solid var(--accent)}.card-success{border-color:#84cc1640;border-top:2px solid var(--green)}.container{width:100%;max-width:720px;padding:0 var(--s4);margin:0 auto}.container-wide{width:100%;max-width:1100px;padding:0 var(--s6);margin:0 auto}.full-screen{flex-direction:column;min-height:100vh;display:flex}.center-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.divider{background:var(--line);width:100%;height:1px}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--r-badge);align-items:center;padding:2px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent);border:1px solid #ff6a004d}.badge-green{background:var(--green-soft);color:var(--green);border:1px solid #84cc164d}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:.7s linear infinite spin}.spinner-sm{width:14px;height:14px}.spinner-md{width:20px;height:20px}.spinner-lg{width:32px;height:32px}.quiz-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:var(--s3) 0;background:#060606eb;position:sticky;top:0}.quiz-header-inner{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.quiz-step-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);white-space:nowrap;font-size:.65rem;font-weight:700}.quiz-step-label span{color:var(--text)}.metric-display{font-family:var(--font-mono);color:var(--accent);letter-spacing:-.02em;font-size:clamp(2.5rem,8vw,5rem);font-weight:700;line-height:1}.metric-display .metric-total{color:var(--muted);margin-left:4px;font-size:.4em}.hero-section{min-height:100vh;padding:var(--s20) var(--s4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-brand{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s6);font-size:.7rem;font-weight:700}.hero-title{letter-spacing:-.03em;max-width:820px;margin-bottom:var(--s4);font-size:clamp(2.2rem,6vw,3.8rem);font-weight:700;line-height:1.08}.hero-title em{color:var(--accent);font-style:normal}.hero-subtitle{color:var(--muted);max-width:520px;margin-bottom:var(--s10);font-size:clamp(.9rem,2vw,1.05rem);line-height:1.7}.hero-meta{align-items:center;gap:var(--s3);margin-top:var(--s6);flex-wrap:wrap;justify-content:center;display:flex}.hero-meta-item{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);align-items:center;gap:var(--s1);font-size:.65rem;display:flex}.hero-meta-item:before{content:"—";color:var(--accent);opacity:.5}.hero-meta-item:first-child:before{display:none}.hero-scan-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.3;height:1px;animation:6s linear infinite scan;position:absolute;left:0;right:0}.id-page{min-height:100vh;padding:var(--s16) var(--s4);flex-direction:column;display:flex}.id-form-wrapper{gap:var(--s6);flex-direction:column;width:100%;max-width:520px;margin:0 auto;animation:.5s forwards rise;display:flex}.id-header{text-align:center;gap:var(--s3);flex-direction:column;display:flex}.id-form{gap:var(--s5);flex-direction:column;display:flex}.id-form-footer{padding-top:var(--s2)}.quiz-body{flex-direction:column;min-height:100vh;display:flex}.quiz-content{padding:var(--s8) var(--s4) var(--s16);flex:1}.question-block{gap:var(--s6);flex-direction:column;animation:.4s forwards rise;display:flex}.question-header{gap:var(--s3);flex-direction:column;display:flex}.question-text{color:var(--text);font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600;line-height:1.4}.options-list{gap:var(--s3);flex-direction:column;display:flex}.question-footer{justify-content:space-between;align-items:center;gap:var(--s4);padding-top:var(--s4);display:flex}.result-page{min-height:100vh;padding:var(--s16) var(--s4);flex-direction:column;display:flex}.result-wrapper{gap:var(--s8);flex-direction:column;width:100%;max-width:620px;margin:0 auto;animation:.5s forwards rise;display:flex}.result-header{text-align:center;gap:var(--s4);flex-direction:column;align-items:center;display:flex}.result-score-card{text-align:center;padding:var(--s8)}.result-level-card{gap:var(--s3);flex-direction:column;display:flex}.result-level-name{color:var(--accent);font-size:1.3rem;font-weight:700}.result-cta{text-align:center;padding-top:var(--s4)}.result-cta .btn{width:100%;max-width:320px}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:var(--panel-2);border-right:1px solid var(--line);width:220px;padding:var(--s8) var(--s4);gap:var(--s4);flex-direction:column;flex-shrink:0;display:flex}.admin-main{padding:var(--s8) var(--s8);flex:1;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);text-align:left;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line-strong);font-size:.65rem}.admin-table td{padding:var(--s4);border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle}.admin-table tr:hover td{background:#ffffff05}.admin-table .mono-data{font-family:var(--font-mono);font-size:.8rem}.brand-logo{align-items:center;gap:var(--s3);text-decoration:none;display:flex}.brand-logo-icon{background:var(--accent);width:36px;height:36px;font-family:var(--font-mono);color:#000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.brand-logo-text{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.85rem;font-weight:700}.text-accent{color:var(--accent)}.text-muted{color:var(--muted)}.text-green{color:var(--green)}.text-center{text-align:center}.gap-2{gap:var(--s2)}.gap-4{gap:var(--s4)}.gap-6{gap:var(--s6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.w-full{width:100%}@media (width<=640px){.admin-sidebar{display:none}.admin-main{padding:var(--s4)}.question-footer{flex-direction:column-reverse}.question-footer .btn{width:100%}}