:root{--bg-dark:#050505;--bg-surface:#ffffff08;--accent-cyan:#00f2ff;--accent-purple:#7000ff;--text-main:#fff;--text-dim:#fff9;--glass-border:#ffffff1a;--font-family:"Outfit", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px}.text-gradient{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.hero{text-align:center;background:radial-gradient(circle at 100% 0,#7000ff1a,#0000),radial-gradient(circle at 0 100%,#00f2ff1a,#0000);justify-content:center;align-items:center;min-height:80vh;padding-top:4rem;display:flex}.hero h1{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:4.5rem;font-weight:800}.hero p{color:var(--text-dim);max-width:600px;margin:0 auto 2rem;font-size:1.25rem}.btn{cursor:pointer;border:none;border-radius:50px;padding:.8rem 2rem;font-weight:600;transition:all .3s}.btn-primary{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple));color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00f2ff4d}.btn-secondary{color:#fff;border:1px solid var(--glass-border);background:#ffffff1a}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.nav-link{transition:color .3s}.nav-link:hover{color:var(--accent-cyan)!important}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;display:grid}.card{padding:2rem;transition:transform .3s}.card:hover{border-color:var(--accent-cyan);transform:translateY(-10px)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{text-align:center;width:90%;max-width:500px;padding:3rem;animation:.4s ease-out fadeIn}