:root{--primary:#fff;--primary-glow:#fff3;--secondary:#a1a1a6;--background:#000;--foreground:#f5f5f7;--glass-bg:#1c1c1eb3;--glass-border:#ffffff1f;--card-shadow:0 8px 32px 0 #000c;--card-hover-shadow:0 8px 32px 0 #ffffff0d;--font-outfit:"Outfit",sans-serif;--accent-gradient:linear-gradient(135deg,#fff 0%,#a1a1a6 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--background)}body{max-width:100vw;font-family:var(--font-outfit);background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.bg-mesh{z-index:-1;background:var(--background);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-mesh:after{content:"";filter:blur(80px);background:radial-gradient(circle at 70% 30%,#7c3aed26 0%,#0000 40%),radial-gradient(circle at 30% 70%,#2563eb1a 0%,#0000 40%),radial-gradient(circle,#000 0%,#0000 60%);width:200%;height:200%;animation:20s linear infinite meshRotate;position:absolute;top:-50%;left:-50%}@keyframes meshRotate{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}to{transform:rotate(360deg)scale(1)}}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)saturate(200%);border:1px solid var(--glass-border);border-radius:28px;transition:all .5s cubic-bezier(.16,1,.3,1)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{opacity:0;padding:10rem 0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn}h1{letter-spacing:-.04em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:5rem;font-weight:700;line-height:1.05}h2{letter-spacing:-.03em;color:#fff;margin-bottom:4rem;font-size:3rem;font-weight:600}h3{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:500}p{opacity:.6;letter-spacing:-.01em;font-weight:400;line-height:1.6}.gradient-text{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:4rem;display:flex}.btn{cursor:pointer;letter-spacing:-.01em;border-radius:99px;justify-content:center;align-items:center;padding:1.25rem 3rem;font-size:1.1rem;font-weight:500;transition:all .5s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:#000;background:#fff;box-shadow:0 4px 12px #ffffff1a}.btn-primary:hover{background:#f5f5f7;transform:scale(1.02)}.btn-secondary{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border:1px solid #ffffff26}.btn-secondary:hover{background:#ffffff1a;transform:scale(1.02)}.hero p{letter-spacing:.05em;opacity:.6;text-transform:uppercase;margin-bottom:2.5rem;font-size:1.125rem;font-weight:400}.card{box-shadow:var(--card-shadow);border:1px solid #ffffff0d;margin-bottom:3rem;padding:3rem;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:hover{border-color:#fff3;transform:translateY(-8px)}.tag{color:#a1a1a6;background:#ffffff0f;border:1px solid #ffffff14;border-radius:99px;margin-bottom:.75rem;margin-right:.75rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .3s;display:inline-block}.tag:hover{color:#fff;background:#ffffff1a}.icon-btn{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.icon-btn:hover{color:#000;background:#fff;border-color:#fff;transform:scale(1.1)}.nav{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0a99;border:1px solid #ffffff14;border-radius:999px;gap:4px;padding:8px;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.nav a{color:#a1a1a6;border-radius:999px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s}.nav a:hover,.nav a.active{color:#fff;background:#ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:1.75rem}.container{padding:0 1.25rem}.nav{justify-content:space-between;width:90%;padding:.75rem;bottom:1.5rem}.nav a{padding:.5rem;font-size:.8rem}.card{padding:1.5rem}}