@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-color: #0d0f14;--text-main: #f3f4f6;--text-secondary: #9ca3af;--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .25);--accent: #10b981;--accent-glow: rgba(16, 185, 129, .2);--cyber-red: #f43f5e;--cyber-red-glow: rgba(244, 63, 94, .2);--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .07);--glass-border-hover: rgba(255, 255, 255, .15);--glass-shadow: 0 20px 50px rgba(0, 0, 0, .3);--font-main: "Outfit", sans-serif;--font-mono: "Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-color);scroll-behavior:smooth}body{background-color:transparent;color:var(--text-main);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;min-height:100vh}.bg-glass-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden;background:radial-gradient(circle at 0% 0%,#171c26,#0d0f14)}.bg-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;mix-blend-mode:screen;pointer-events:none}.orb-primary{width:500px;height:500px;background:radial-gradient(circle,#3b82f699,#3b82f600 70%);top:-100px;right:-100px;animation:floatOrb 25s infinite alternate ease-in-out}.orb-accent{width:600px;height:600px;background:radial-gradient(circle,#10b98173,#10b98100 70%);bottom:-200px;left:-200px;animation:floatOrb 35s infinite alternate-reverse ease-in-out}.orb-cyber{width:400px;height:400px;background:radial-gradient(circle,#f43f5e59,#f43f5e00 70%);top:40%;left:35%;animation:floatOrb 20s infinite alternate ease-in-out}.glass-droplet{position:fixed;border-radius:50%;pointer-events:none;z-index:-1;transition:transform .2s ease-out}.droplet-1{width:140px;height:140px;left:8%;top:25%;background:radial-gradient(circle at 30% 30%,#fff6,#ffffff0d,#00000080);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 10px 20px #ffffff4d,inset 0 -10px 20px #00000080,10px 20px 30px #00000040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:floatDroplet 12s infinite alternate ease-in-out}.droplet-2{width:180px;height:180px;right:6%;bottom:20%;background:radial-gradient(circle at 35% 35%,#ffffff73,#ffffff14 45%,#00000080);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 15px 25px #ffffff59,inset 0 -15px 25px #0009,8px 15px 35px #0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:floatDroplet 18s infinite alternate-reverse ease-in-out}.dark-sphere-1{width:200px;height:200px;left:12%;bottom:10%;background:radial-gradient(circle at 40% 40%,#00000040,#000000e6);filter:blur(6px);box-shadow:0 30px 45px #0009;opacity:.8;animation:floatDroplet 22s infinite alternate ease-in-out}.dark-sphere-2{width:220px;height:220px;right:15%;top:15%;background:radial-gradient(circle at 40% 40%,#00000026,#000000d9);filter:blur(8px);box-shadow:0 40px 60px #00000080;opacity:.7;animation:floatDroplet 15s infinite alternate-reverse ease-in-out}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(80px,-60px) scale(1.15)}to{transform:translate(-50px,40px) scale(.9)}}@keyframes floatDroplet{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-25px) rotate(15deg)}to{transform:translateY(15px) rotate(-10deg)}}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.section{padding:8rem 0 6rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:3.5rem;color:var(--text-main);letter-spacing:-.03em;font-family:var(--font-mono);display:flex;align-items:center;gap:.75rem}.section-title:after{content:"";height:1px;flex-grow:1;background:linear-gradient(90deg,#ffffff26,#fff0)}.bento-card{background:var(--glass-bg);backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid var(--glass-border);border-radius:24px;padding:2.2rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--glass-shadow)}.bento-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff0d,#fff0);opacity:1;pointer-events:none}.bento-card:hover{border-color:var(--glass-border-hover);transform:translateY(-6px);box-shadow:0 30px 60px #0006,inset 0 1px 1px #ffffff1a;background:#ffffff12}.glass-nav{background:#0d0f1480;backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:.6rem 1.6rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 15px 35px #0006,inset 0 1px #ffffff1a;transition:border-color .3s}.glass-nav:hover{border-color:#ffffff26}.btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.8rem;background:#ffffff0f;color:var(--text-main);font-weight:600;border-radius:100px;text-decoration:none;font-size:.95rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px #00000026}.btn-glass:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 10px 20px #00000040}.btn-glass-primary{background:var(--primary);border-color:#fff3;color:#fff;box-shadow:0 4px 20px #3b82f64d}.btn-glass-primary:hover{background:#2563eb;border-color:#ffffff4d;box-shadow:0 10px 25px #3b82f680;transform:translateY(-2px)}.btn-glass-accent{background:var(--accent);border-color:#fff3;color:#fff;box-shadow:0 4px 20px #10b9814d}.btn-glass-accent:hover{background:#059669;border-color:#ffffff4d;box-shadow:0 10px 25px #10b98180;transform:translateY(-2px)}.nav-link{font-family:var(--font-main);padding:.5rem 1.1rem;border-radius:100px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s;font-size:.95rem}.nav-link:hover{color:#fff;background:#ffffff14}.social-icon-glass{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);text-decoration:none;transition:all .3s;background:#ffffff08;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.social-icon-glass:hover{background:#ffffff1a;color:#fff;border-color:#ffffff40;transform:translateY(-3px) scale(1.05);box-shadow:0 5px 15px #0003}.glass-input{width:100%;padding:1rem 1.2rem;background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#fff;outline:none;font-family:var(--font-main);transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-input:focus{background:#ffffff0a;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:100px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}