:root{--font-sans: system-ui, Avenir, Helvetica, Arial, sans-serif;--bg: #0b1220;--bg-accent-1: #08101a;--bg-accent-2: #0f1724;--surface: #0f1721;--muted: #9aa4b2;--text: #e6eef6;--accent: #646cff;--accent-variant: #535bf2;--glass: rgba(255, 255, 255, .03);--radius: 12px;--shadow: 0 8px 24px rgba(2, 6, 23, .6);color-scheme:dark;color:var(--text);background-color:var(--bg);font-family:var(--font-sans);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{height:100%}#root{width:100%;min-height:100vh}body{margin:0;display:flex;align-items:center;justify-content:center;min-width:320px;min-height:100vh;background:linear-gradient(180deg,var(--bg-accent-1),var(--bg-accent-2));padding:1.5rem}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 10% 10%,rgba(100,108,255,.06),transparent 12%),radial-gradient(circle at 90% 90%,rgba(83,91,242,.04),transparent 12%);will-change:transform;z-index:0}body.fullwidth-app{align-items:flex-start;justify-content:flex-start;padding:0;overflow-x:hidden}.app-container.fullwidth,body.fullwidth-app{overflow-x:hidden}.app-container.fullwidth>*{max-width:100%;box-sizing:border-box}.app-container{width:100%;max-width:1600px;margin:0 auto;padding:clamp(1rem,2.5vw,3rem);border-radius:calc(var(--radius) + 4px);background:#0b1220f5;box-shadow:var(--shadow);min-height:100vh}.app-container.fullwidth{max-width:100%;width:100%;margin:0;padding:0;border-radius:0;align-self:stretch;min-height:100vh;box-shadow:none;background:transparent;overflow-x:hidden;box-sizing:border-box}a{font-weight:600;color:var(--accent);text-decoration:none;transition:transform .16s ease}a:hover{color:var(--accent-variant);transform:translateY(-1px)}h1,h2,h3{color:var(--text);margin:0 0 .5rem;font-weight:700;letter-spacing:-.02em}h1{font-size:2.4rem;line-height:1.05}button{border-radius:10px;border:1px solid transparent;padding:.55em 1rem;font-size:1rem;font-weight:600;font-family:inherit;color:var(--text);background-color:#ffffff08;box-shadow:0 6px 18px #02061773;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;will-change:transform;display:inline-flex;align-items:center;gap:.5rem}button:hover{transform:translateY(-2px);border-color:#646cff47;box-shadow:0 10px 30px #0206178c}button.primary{background:linear-gradient(90deg,var(--accent),var(--accent-variant));color:#fff;border:none;box-shadow:0 10px 30px #535bf22e}button.ghost{background:transparent;border:1px solid rgba(255,255,255,.06)}button:focus,button:focus-visible,a:focus,a:focus-visible{outline:3px solid rgba(100,108,255,.18);outline-offset:3px;border-radius:8px}.card{padding:1.25rem;border-radius:calc(var(--radius) - 2px);background:linear-gradient(180deg,#ffffff04,#00000008);border:1px solid rgba(255,255,255,.02);box-shadow:0 8px 24px #02061773}.logo{height:4.5rem;padding:.75rem;will-change:transform;transition:filter .3s,transform .3s}.logo:hover{filter:drop-shadow(0 0 1.6em #646cff66);transform:translateY(-3px)}.logo.react:hover{filter:drop-shadow(0 0 1.6em #61dafb66)}.read-the-docs{color:var(--muted);font-size:.95rem}@media(max-width:640px){.app-container{padding:1rem}h1{font-size:1.6rem}}@media(prefers-color-scheme:light){:root{--bg: #f7fafc;--bg-accent-1: #ffffff;--bg-accent-2: #f3f7fb;--surface: #ffffff;--muted: #6b7280;--text: #0f1724;--accent: #4f46e5;--accent-variant: #6366f1;--glass: rgba(2, 6, 23, .03);--shadow: 0 8px 24px rgba(2, 6, 23, .06)}body{background:linear-gradient(180deg,var(--bg-accent-1),var(--bg-accent-2));color:var(--text)}button{background-color:#0f172408;color:var(--text)}button.primary{color:#fff}a:hover{color:var(--accent-variant)}}