@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark: #050505;--glass-surface: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .05);--glass-highlight: rgba(255, 255, 255, .1);--primary-glow: rgba(56, 189, 248, .15);--secondary-glow: rgba(168, 85, 247, .15);--text-primary: #ffffff;--text-secondary: #94a3b8;--accent-blue: #38bdf8;--accent-purple: #a855f7;--card-radius: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-primary);font-family:Outfit,sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,var(--primary-glow) 0%,transparent 25%),radial-gradient(circle at 85% 30%,var(--secondary-glow) 0%,transparent 25%);background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#fff 30%,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shine 8s linear infinite}@keyframes shine{to{background-position:200% center}}.btn-primary{background:#fff;color:#000;padding:16px 32px;border-radius:100px;font-weight:600;text-decoration:none;font-size:1rem;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 30px #ffffff4d}.btn-secondary{background:#ffffff08;color:#fff;border:1px solid var(--glass-border);padding:16px 32px;border-radius:100px;font-weight:600;text-decoration:none;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.dynamic-island{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#0a0a0a99;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:100px;z-index:1000;display:flex;align-items:center;box-shadow:0 8px 32px #00000080}.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:8px}.nav-links li a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:20px;transition:all .2s;display:block}.nav-links li a:hover,.nav-links li a.active{color:#fff;background:#ffffff0d}.glass-card{background:var(--glass-surface);border:1px solid var(--glass-border);border-top:1px solid var(--glass-highlight);border-radius:var(--card-radius);padding:40px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1)}.glass-card:hover{transform:translateY(-5px);border-color:#ffffff1a;box-shadow:0 20px 40px -10px #00000080}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}@media (max-width: 900px){.bento-grid{grid-template-columns:1fr}}section{padding:120px 24px;max-width:1400px;margin:0 auto}.tags span{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;padding:6px 12px;border-radius:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);font-weight:600}@media (max-width: 768px){.dynamic-island{top:15px;padding:6px 10px;width:90%;max-width:380px;justify-content:center}.nav-links{gap:4px}.nav-links li a{padding:6px 8px;font-size:.75rem}}