:root{--bg-color: #050510;--primary: #00f3ff;--secondary: #bd00ff;--glass: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--text-main: #ffffff;--text-muted: #rgba(255, 255, 255, .7)}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden;transition:background-color .5s ease}.bg-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(circle at 50% 50%,#1a1a2e,#000);overflow:hidden}.blob{position:absolute;width:500px;height:500px;background:linear-gradient(180deg,#00f3ff66,#bd00ff66);filter:blur(80px);border-radius:50%;animation:float 10s infinite ease-in-out alternate}.blob:nth-child(1){top:-100px;left:-100px;animation-duration:8s}.blob:nth-child(2){bottom:-100px;right:-100px;animation-duration:12s;background:linear-gradient(180deg,#ff006466,#6400ff66)}.blob:nth-child(3){top:40%;left:40%;width:300px;height:300px;animation-duration:15s;opacity:.6}@keyframes float{0%{transform:translate(0) rotate(0)}to{transform:translate(50px,50px) rotate(20deg)}}.glass{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a}.text-gradient{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.container{max-width:1200px;margin:0 auto;padding:2rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.main-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1000px;padding:1rem 2rem;z-index:100;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.nav-links{display:flex;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}.nav-links a:hover{color:var(--primary)}.hero-section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:60px;padding-left:1rem;padding-right:1rem}.hero-title{font-size:5rem;margin:0;line-height:1.1}.hero-subtitle{font-size:1.5rem;margin-top:1rem;color:#fffc}@media (max-width: 768px){.main-nav{top:0;width:100%;border-radius:0;flex-direction:column;padding:1rem;background:#050510e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.nav-logo{margin-bottom:1rem}.nav-links{gap:1rem;font-size:.9rem;flex-wrap:wrap;justify-content:center}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.1rem}.container{padding:1rem}}