:root{--orange: var(--accent)}:root{--orange: #fd8721;--blue: #5995ed;--purple: #9b28cc;--teal: #048a81;--navy: #0b2545;--navy-2: #071a32;--text: #e8eef7;--muted: #9fb1c9;--line: rgba(89, 149, 237, .22);--panel: rgba(89, 149, 237, .06)}*{box-sizing:border-box}body{margin:0;font-family:Plus Jakarta Sans,sans-serif;color:var(--text);background:var(--navy);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.bg{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 20% 0%,rgba(89,149,237,.16) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 90% 10%,rgba(155,40,204,.12) 0%,transparent 55%),radial-gradient(ellipse 60% 60% at 80% 100%,rgba(4,138,129,.1) 0%,transparent 55%),linear-gradient(160deg,#0d2f55 0%,var(--navy) 45%,var(--navy-2) 100%)}.bg:after{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 30% 40%,color-mix(in srgb,var(--orange) 6%,transparent),transparent 40%),radial-gradient(circle at 70% 60%,rgba(89,149,237,.07),transparent 42%);will-change:transform;animation:drift 32s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate3d(-2%,-1%,0)}to{transform:translate3d(3%,2%,0)}}html{scrollbar-width:thin;scrollbar-color:rgba(89,149,237,.45) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:#071a3280}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--blue),var(--purple));border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6ea6f5,var(--orange));background-clip:padding-box}h1,h2,h3{font-family:Space Grotesk,sans-serif;color:#fff;line-height:1.12;letter-spacing:-.01em}a{color:var(--blue);text-decoration:none;transition:color .15s ease}a:hover{color:#8db6f4}code{font-family:ui-monospace,Fragment Mono,monospace;background:#5995ed1f;border:1px solid rgba(89,149,237,.25);border-radius:6px;padding:.12em .45em;font-size:.9em;color:#dce7f8}pre{background:#071a32b3;border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;overflow-x:auto}pre code{background:none;border:none;padding:0}.wrap{max-width:980px;margin:0 auto;padding:0 1.5rem}header.nav{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;max-width:980px;margin:0 auto}header.nav .brand{display:flex;align-items:center;gap:.6rem;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.3rem;color:#fff}header.nav .brand:hover{color:#fff}header.nav .brand .dot{color:var(--orange)}header.nav .brand .logo{height:30px;width:30px;display:block;filter:drop-shadow(0 2px 8px rgba(89,149,237,.35));animation:logoIn .7s cubic-bezier(.2,.7,.2,1) both,logoPulse 6s ease-in-out .7s infinite;transition:transform .5s cubic-bezier(.2,.7,.2,1)}header.nav .brand:hover .logo{transform:rotate(180deg) scale(1.08)}@keyframes logoIn{0%{opacity:0;transform:rotate(-90deg) scale(.6)}to{opacity:1;transform:none}}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}header.nav .who{color:var(--muted);font-size:.9rem}.btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 80%,white),var(--orange));color:#1a1205;font-weight:700;padding:.7rem 1.3rem;border-radius:11px;border:none;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:1rem;box-shadow:0 6px 20px color-mix(in srgb,var(--orange) 28%,transparent);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn:hover{color:#1a1205;transform:translateY(-2px);box-shadow:0 10px 28px color-mix(in srgb,var(--orange) 40%,transparent);filter:brightness(1.04)}.btn.ghost{background:#5995ed1a;color:var(--text);border:1px solid rgba(89,149,237,.35);box-shadow:none}.btn.ghost:hover{color:#fff;background:#5995ed2e;box-shadow:0 8px 22px #0b254580}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.1rem}.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--orange),var(--blue),var(--purple),var(--teal));opacity:.5;transition:opacity .2s ease}.card:hover{transform:translateY(-4px);border-color:#5995ed80;box-shadow:0 16px 40px #071a328c}.card:hover:before{opacity:1}.card h3{margin:0 0 .55rem}.card .tag{display:inline-block;margin:0 0 .6rem;font-size:.66rem;color:var(--teal);font-weight:700;letter-spacing:.08em;border:1px solid rgba(4,138,129,.4);border-radius:999px;padding:.12rem .55rem}.card p{color:var(--muted);margin:.3rem 0 0;font-size:.97rem}.card .spacer{flex:1 1 auto;min-height:1rem}.muted{color:var(--muted)}.accent{color:var(--orange)}footer{text-align:center;color:var(--muted);font-size:.85rem;padding:3.5rem 1.5rem 2.5rem}.reveal{opacity:0;transform:translateY(14px);animation:rise .6s cubic-bezier(.2,.7,.2,1) forwards}.reveal.d1{animation-delay:.05s}.reveal.d2{animation-delay:.13s}.reveal.d3{animation-delay:.21s}@keyframes rise{to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}.bg:after{animation:none}header.nav .brand .logo{animation:logoIn .01s both}}