*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#e5e5e5;background:#050505;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;overflow-x:hidden}body:before,body:after{content:"";filter:blur(120px);z-index:-1;opacity:.25;border-radius:50%;width:600px;height:600px;position:fixed}body:before{background:#7c3aed;top:-200px;left:-200px}body:after{background:#06b6d4;bottom:-200px;right:-200px}a{color:inherit;text-decoration:none}.container{max-width:1000px;margin:0 auto;padding:2rem}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000004d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.nav-links{opacity:.8;gap:1.5rem;font-size:.9rem;display:flex}.hero{flex-direction:column;justify-content:center;gap:1.2rem;height:80vh;display:flex}.hero h1{letter-spacing:-2px;font-size:4rem}.hero p{color:#fff9;max-width:500px}.accent{background:linear-gradient(90deg,#7c3aed,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{border:1px solid #ffffff1a;border-radius:999px;padding:.7rem 1.2rem;font-size:.9rem;transition:all .2s;display:inline-block}.btn:hover{border-color:#ffffff4d;transform:translateY(-2px)}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:1.2rem;transition:all .2s}.card:hover{background:#ffffff0d;transform:translateY(-6px)}