:root{--color-bg: #071226;--color-surface: #0b1320;--color-primary: #000000;--color-secondary: #0b3b66;--color-accent: #2a6fdb;--color-text: #e8eef8;--color-muted: rgba(232,238,248,.75);--color-button-bg: var(--color-primary);--color-hamburger-bars: var(--color-text);--bg-elev: linear-gradient(180deg, rgba(11,19,32,.9), rgba(7,18,38,.9));--radius: 10px;--gap: 1rem;--shadow-1: 0 10px 30px rgba(2,6,23,.6)}html,body,#root{height:100%}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:16px}.container{max-width:1000px;margin:0 auto;padding:0 1rem}h1,h2,h3{margin:0 0 .5rem;font-weight:700;color:var(--color-text)}h1{font-size:clamp(1.5rem,4.5vw,3rem)}h2{font-size:1.375rem}p{margin:0 0 1rem;color:var(--color-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:var(--radius);border:0;cursor:pointer;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.btn:focus{outline:2px solid rgba(232,238,248,.12);outline-offset:3px}.btn-primary{background:linear-gradient(180deg,var(--color-accent),rgba(42,111,219,.92));color:var(--color-text);box-shadow:var(--shadow-1)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 48px #02061780}.btn-primary:active{transform:translateY(-1px);opacity:.98}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.06);color:var(--color-text)}.btn-ghost:hover{background:#ffffff05}.card{background:var(--bg-elev);border-radius:var(--radius);padding:1rem;border:1px solid rgba(255,255,255,.03)}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){body{font-size:15px}h1{font-size:1.75rem}}.hamburger{position:fixed;top:18px;left:18px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-button-bg);border-radius:8px;border:1px solid rgba(255,255,255,.06);z-index:60;cursor:pointer;box-shadow:0 6px 18px #02061799}.hamburger-box{display:inline-block;width:24px;height:16px;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{display:block;background:var(--color-hamburger-bars);position:absolute;width:24px;height:2px;border-radius:2px;transition:transform .25s ease,opacity .2s ease}.hamburger-inner{top:50%;transform:translateY(-50%)}.hamburger-inner:before{content:"";top:-8px}.hamburger-inner:after{content:"";bottom:-8px}.hamburger.is-open .hamburger-inner{transform:rotate(45deg)}.hamburger.is-open .hamburger-inner:before{transform:rotate(90deg);top:0}.hamburger.is-open .hamburger-inner:after{opacity:0}.hamburger:focus{outline:2px solid rgba(232,238,248,.12);outline-offset:3px}.drawer{position:fixed;top:0;left:0;height:100vh;width:320px;max-width:80vw;background:var(--color-bg);transform:translate(-110%);transition:transform .28s cubic-bezier(.2,.9,.3,1);z-index:65;padding:3.5rem 1.25rem 1.25rem;box-shadow:2px 0 24px #0006}.drawer.open{transform:translate(0)}.drawer-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.drawer-nav a{color:var(--color-text);text-decoration:none;padding:.5rem 0;font-weight:600}.drawer-nav a.active{color:var(--color-primary)}.drawer-actions{margin-top:1.25rem}.drawer-backdrop{position:fixed;inset:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:62}.drawer-backdrop.visible{opacity:1;pointer-events:auto}@media(max-width:480px){.hamburger{top:12px;left:12px}}