:root{--bg:#0d0d12;--surface:#17171f;--surface-2:#1e1e27;--surface-3:#26262f;--border:#2a2a35;--text:#f5f5f7;--text-2:#e4e4e7;--muted:#a1a1aa;--dim:#52525b;--accent:#c6f432;--accent-hover:#d4f86a;--on-accent:#0d0d12;--danger:#f87171;--danger-bg:#f871711f;--ok:#86efac;--ok-bg:#86efac1f;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--r-sm:12px;--r-md:18px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}img,video{max-width:100%;display:block}a{color:inherit}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:700}.display{font-family:var(--font-display);letter-spacing:-1.2px;margin:0;font-size:clamp(34px,9vw,44px);font-weight:700;line-height:1}.h2{font-family:var(--font-display);letter-spacing:-.4px;margin:0;font-size:22px;font-weight:700}.muted{color:var(--muted)}.brand{font-family:var(--font-display);letter-spacing:3px;font-size:16px;font-weight:700;text-decoration:none}.brand span{color:var(--accent)}.btn{border-radius:var(--r-pill);border:0;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-size:15px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:default}.btn--block{width:100%}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--dark{background:var(--on-accent);color:var(--text)}.btn--ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn--ghost:hover{border-color:var(--muted)}.btn--outline{border:1px solid var(--accent);color:var(--accent);background:0 0}.btn--outline:hover{background:#c6f43214}.btn--danger{color:var(--danger);background:0 0;border:1px solid #f8717180}.btn--sm{min-height:40px;padding:0 14px;font-size:14px}.icon-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:hover{border-color:var(--dim)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:500}.input{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);width:100%;height:52px;color:var(--text);outline:none;padding:0 18px;font-size:15px;transition:border-color .15s}.input::placeholder{color:var(--dim)}.input:focus{border-color:var(--accent)}.form-message{min-height:20px;margin:0;font-size:14px}.form-message--error{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:22px}.section{flex-direction:column;gap:12px;scroll-margin-top:80px;display:flex}.section__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.link-accent{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}.shell{width:100%;max-width:640px;margin:0 auto;padding:0 20px}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);background:#0d0d12e0;position:sticky;top:0}.topbar__inner{justify-content:space-between;align-items:center;gap:12px;max-width:640px;margin:0 auto;padding:8px 12px;display:flex}.topbar__title{font-family:var(--font-display);letter-spacing:.2px;font-size:16px;font-weight:700}.auth{justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px;display:flex}.auth__panel{flex-direction:column;gap:28px;width:100%;max-width:400px;display:flex}.auth__intro{flex-direction:column;gap:12px;display:flex}.auth__form{flex-direction:column;gap:16px;display:flex}.auth__alt{text-align:center;color:var(--muted);margin:0;font-size:14px}.auth__alt a{color:var(--accent);font-weight:600;text-decoration:none}.lang-switch{flex-shrink:0;align-items:center;display:inline-flex}.lang-switch button{min-width:32px;height:44px;color:var(--dim);font-family:var(--font-display);letter-spacing:1px;background:0 0;border:0;padding:0 4px;font-size:13px;font-weight:700;transition:color .15s;position:relative}.lang-switch button+button:before{content:"/";color:var(--dim);pointer-events:none;font-weight:500;position:absolute;left:-3px}.lang-switch button:hover,.lang-switch button.is-active{color:var(--text)}.lang-switch button.is-active:after{content:"";background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.auth__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz__feedback{border-radius:var(--r-md);margin:0;padding:12px 14px;font-size:14px;font-weight:600}.quiz__feedback.is-ok{background:var(--ok-bg);color:var(--ok)}.quiz__feedback.is-bad{background:var(--danger-bg);color:var(--danger)}.search__box{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);height:52px;color:var(--muted);align-items:center;gap:10px;padding:0 18px;transition:border-color .15s;display:flex}.search__box:focus-within{border-color:var(--accent)}.search__box input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.search__box input::placeholder{color:var(--dim)}
