:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#101216;--surface:#191c22;--surface-hover:#222730;--border:#303640;--foreground:#f3f4f6;--muted:#a2aab8;--accent:#4778ed;--accent-hover:#3767d5;--error:#f99;--success:#8bd9af}*{box-sizing:border-box}body{background:var(--background);min-height:100vh;color:var(--foreground);grid-template-rows:auto 1fr auto;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;display:grid}.main{min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere;line-height:1.2}h1{letter-spacing:-1px;font-size:clamp(28px,4vw,40px)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;transition:background-color .2s,border-color .2s}button:disabled{opacity:.55;cursor:not-allowed}input{min-width:0;color:var(--foreground);background:var(--background);border:1px solid var(--border);border-radius:8px;padding:12px 14px}input::placeholder{color:var(--muted)}input:focus{border-color:var(--accent)}:focus-visible{outline-offset:4px;outline:2px solid #8af}img{max-width:100%}::selection{color:#fff;background:#345baf}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
.Navbar-module__2-hjJq__header{border-bottom:1px solid var(--border);align-items:center;gap:40px;max-width:1240px;margin:0 auto;padding:20px 24px;display:flex}.Navbar-module__2-hjJq__brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.Navbar-module__2-hjJq__logo{background:var(--accent);color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.Navbar-module__2-hjJq__nav,.Navbar-module__2-hjJq__loginNav{align-items:center;gap:20px;display:flex}.Navbar-module__2-hjJq__loginNav{margin-left:auto}.Navbar-module__2-hjJq__link{color:var(--muted);padding:8px 0;font-size:14px}.Navbar-module__2-hjJq__link:hover,.Navbar-module__2-hjJq__active{color:var(--foreground)}.Navbar-module__2-hjJq__active{box-shadow:0 2px var(--accent)}.Navbar-module__2-hjJq__register{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 14px;font-size:14px}.Navbar-module__2-hjJq__register:hover{background:var(--surface-hover)}.Navbar-module__2-hjJq__dropdown{position:relative}.Navbar-module__2-hjJq__user{color:var(--foreground);background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.Navbar-module__2-hjJq__avatar{color:#adc5ff;background:#263554;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.Navbar-module__2-hjJq__username{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.Navbar-module__2-hjJq__dropdownContent{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:10px;width:180px;padding:6px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 30px #0005}.Navbar-module__2-hjJq__dropdownContent a,.Navbar-module__2-hjJq__dropdownContent button{width:100%;color:var(--foreground);text-align:left;background:0 0;border:none;border-radius:6px;padding:10px 12px;font-size:14px;display:block}.Navbar-module__2-hjJq__dropdownContent a:hover,.Navbar-module__2-hjJq__dropdownContent button:hover{background:var(--surface-hover)}@media (max-width:700px){.Navbar-module__2-hjJq__header{flex-wrap:wrap;gap:16px;padding:16px}.Navbar-module__2-hjJq__nav{order:3;width:100%}.Navbar-module__2-hjJq__brand{font-size:17px}.Navbar-module__2-hjJq__loginNav{gap:12px}.Navbar-module__2-hjJq__username{display:none}}@media (max-width:400px){.Navbar-module__2-hjJq__register{padding:8px;font-size:12px}.Navbar-module__2-hjJq__brand{gap:6px;font-size:15px}}
.Footer-module__rxnidW__footer{border-top:1px solid var(--border);max-width:1240px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:28px 24px;font-size:13px;display:flex}.Footer-module__rxnidW__brand{color:var(--foreground);margin-bottom:4px;font-weight:700}.Footer-module__rxnidW__links{flex-wrap:wrap;gap:24px;display:flex}.Footer-module__rxnidW__links a:hover{color:var(--foreground)}@media (max-width:600px){.Footer-module__rxnidW__footer{flex-direction:column;align-items:flex-start;padding:24px 16px}}
