:root{--primary: #00f2ff;--secondary: #7000ff;--bg-dark: #050505;--bg-card: rgba(255, 255, 255, .05);--text-main: #ffffff;--text-dim: rgba(255, 255, 255, .7);--accent: #ff00ea}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;line-height:1.6}.glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.nav{position:fixed;top:0;width:100%;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:#05050580;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-container{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.5rem;letter-spacing:-.5px}.logo-icon{width:40px;height:40px;object-fit:contain}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 5%;background-size:cover;background-position:center;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0%,var(--bg-dark) 90%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:800px}.hero h1{font-size:4.5rem;font-weight:900;margin-bottom:20px;background:linear-gradient(to right,#fff,var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.hero p{font-size:1.25rem;color:var(--text-dim);margin-bottom:40px}.btn-primary{background:linear-gradient(45deg,var(--primary),var(--secondary));border:none;padding:16px 32px;color:#fff;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 40px #00f2ff66}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:60px;width:100%}.stat-card{padding:24px;text-align:center}.stat-value{font-size:2rem;font-weight:800;color:var(--primary);display:block}.stat-label{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.floating{animation:float 4s ease-in-out infinite}.roadmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.roadmap-card{padding:40px;position:relative;transition:transform .3s ease;overflow:hidden}.roadmap-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px -10px #00f2ff33}.roadmap-card h3{font-size:1.5rem;margin-bottom:20px;color:#fff}.roadmap-card ul{list-style:none;padding:0}.roadmap-card li{color:var(--text-dim);margin-bottom:15px;padding-left:20px;position:relative}.roadmap-card li:before{content:">";position:absolute;left:0;color:var(--primary);font-weight:700}.phase-tag{display:inline-block;padding:5px 12px;border:1px solid var(--primary);color:var(--primary);font-size:.8rem;font-weight:800;border-radius:20px;margin-bottom:20px;letter-spacing:1px}@media (max-width: 768px){.nav{padding:15px 5%}.logo-container span{display:none}@media (min-width: 400px){.logo-container span{display:block;font-size:1.2rem}}.hero h1{font-size:2.5rem;line-height:1.2}.hero p{font-size:1rem;margin-bottom:30px}.hero div[style*="display: flex"]{flex-direction:column;width:100%;gap:15px!important}.btn-primary{width:100%;padding:14px 20px}.stats-grid{grid-template-columns:1fr;gap:15px;margin-top:40px}section{padding:60px 5%!important}.roadmap-grid{grid-template-columns:1fr;gap:20px}.roadmap-card{padding:30px}}