:root{--bg:#050505;--card:#09090b;--accent:#a855f7;--accent-soft:rgba(168,85,247,.6);--glow:0 0 20px rgba(168,85,247,.4);--glass:linear-gradient(135deg,rgba(168,85,247,.12),transparent);--border-glow:1px solid rgba(168,85,247,.3);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:#f4f4f5;font-family:Inter,SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;min-height:100vh}a{color:inherit;text-decoration:none}a:focus-visible,a:hover{color:var(--accent)}img{max-width:100%;display:block}button{border:none;background:none;color:inherit;font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:IBM Plex Mono,SF Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:-.02em}.app-shell{padding-top:56px}.app-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 56px)}.app-content{padding:32px 32px 64px}.top-bar{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(5,5,5,.8);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-bottom:var(--border-glow);box-shadow:0 2px 12px rgba(168,85,247,.12);z-index:100}.top-bar-left{text-transform:uppercase;font-size:.75rem}.top-bar-left,.top-bar-right{font-family:IBM Plex Mono,SF Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.2em}.top-bar-right{display:inline-flex;align-items:center;gap:10px;font-size:.7rem}.top-bar-right:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:var(--glow)}.page{max-width:1120px;margin:0 auto;padding:32px}.card{background:var(--card);border:var(--border-glow);border-radius:16px;padding:24px;position:relative;box-shadow:var(--glow)}.card:before{content:"";position:absolute;inset:0;border-radius:16px;background:var(--glass);pointer-events:none}.button-primary{background:var(--accent);color:#050505;padding:12px 24px;border-radius:999px;font-weight:600;box-shadow:var(--glow);transition:transform .2s ease,box-shadow .2s ease}.button-primary:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(168,85,247,.6)}.button-ghost{border:var(--border-glow);color:#f4f4f5;padding:12px 24px;border-radius:999px;background:rgba(168,85,247,.08);box-shadow:0 0 14px rgba(168,85,247,.2);transition:border-color .2s ease,box-shadow .2s ease}.button-ghost:hover{border-color:rgba(168,85,247,.6);box-shadow:0 0 20px rgba(168,85,247,.35)}.grid{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.main-nav{position:-webkit-sticky;position:sticky;top:56px;align-self:start;height:calc(100vh - 56px);padding:28px 20px;border-right:var(--border-glow);background:rgba(5,5,5,.6);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.main-nav__header{font-family:IBM Plex Mono,SF Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.3em;font-size:.65rem;color:hsla(240,5%,96%,.6);margin-bottom:18px}.main-nav__list{list-style:none;display:grid;grid-gap:10px;gap:10px}.main-nav__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:hsla(240,5%,96%,.75);position:relative;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.main-nav__accent{width:4px;height:16px;border-radius:999px;background:transparent;box-shadow:none}.main-nav__link:hover{color:#f4f4f5;background:rgba(168,85,247,.08)}.main-nav__link.is-active{color:#f4f4f5;background:rgba(168,85,247,.14);box-shadow:0 0 18px rgba(168,85,247,.3)}.main-nav__link.is-active .main-nav__accent{background:var(--accent);box-shadow:var(--glow)}.footer{color:hsla(240,5%,96%,.5);font-size:.85rem}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.app-layout{grid-template-columns:1fr}.app-content{padding:24px 20px 56px}.main-nav{position:-webkit-sticky;position:sticky;top:56px;height:auto;padding:16px 20px;border-right:none;border-bottom:var(--border-glow)}.main-nav__list{grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);overflow-x:auto;padding-bottom:6px}.main-nav__link{white-space:nowrap;justify-content:center}.page{padding:24px}.top-bar{padding:0 20px}.grid{grid-template-columns:1fr}}