@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--color-primary: #ff7eb3;--color-secondary: #7afcff;--font-main: "Outfit", sans-serif;--color-bg: #0a0e17;--color-bg-alt: #131b2e;--color-text: #e0e6ed;--color-text-dim: #a0aab5;--color-card-bg: rgba(255, 255, 255, .05);--color-nav-bg: rgba(10, 14, 23, .9);--color-input-bg: rgba(0, 0, 0, .3);--color-heading: #ffffff}[data-theme=light]{--color-bg: #f8fafc;--color-bg-alt: #f1f5f9;--color-text: #1e293b;--color-text-dim: #475569;--color-card-bg: rgba(0, 0, 0, .03);--color-nav-bg: rgba(248, 250, 252, .9);--color-input-bg: rgba(255, 255, 255, .8);--color-heading: #0f172a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-secondary);text-shadow:0 0 10px var(--color-secondary)}h1,h2,h3{font-weight:700;color:var(--color-heading);margin-bottom:1rem}.app-container{width:100%;min-height:100vh}.navbar{position:fixed;top:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s ease}.navbar.scrolled{background:var(--color-nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;box-shadow:0 4px 20px #0000001a}.logo{font-size:1.5rem;font-weight:700;letter-spacing:2px}.glow{color:var(--color-primary);text-shadow:0 0 10px var(--color-primary)}.nav-links a{margin-left:2rem;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:1px}.music-toggle{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,126,179,.3);padding:8px 15px;border-radius:30px;cursor:pointer;transition:all .3s ease;color:var(--color-primary)}.music-toggle:hover{background:#ff7eb31a;box-shadow:0 0 15px #ff7eb333}.music-toggle.playing{border-color:var(--color-secondary);color:var(--color-secondary)}.music-bars{display:flex;align-items:flex-end;gap:2px;height:12px}.bar{width:2px;background:currentColor;height:4px;transition:height .3s ease}.playing .bar{animation:equalize .8s infinite alternate}.playing .bar:nth-child(2){animation-delay:.2s}.playing .bar:nth-child(3){animation-delay:.4s}@keyframes equalize{0%{height:4px}to{height:12px}}.toggle-text{font-size:.7rem;font-weight:700;width:25px}.theme-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:8px;border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:1.2rem;margin-left:10px}.theme-toggle:hover{background:#ffffff1a;box-shadow:0 0 10px #ffffff1a}.hero{height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 10%;background:radial-gradient(circle at 70% 50%,#1a233a 0%,var(--color-bg) 70%);position:relative;overflow:hidden}.hero-content{max-width:500px;z-index:2}.hero h1{font-size:4rem;line-height:1.1;margin-bottom:1rem;color:var(--color-heading)}.hero p{font-size:1.2rem;color:var(--color-text-dim);margin-bottom:2rem}.cta-button{display:inline-block;padding:1rem 2rem;background:var(--color-primary);color:#fff;border-radius:50px;font-weight:600;box-shadow:0 0 20px #ff7eb366;transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff7eb399;color:#fff}.hero-image-container{position:relative;z-index:1}.floating-axo{max-width:500px;filter:drop-shadow(0 0 30px rgba(122,252,255,.2));animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.section{padding:5rem 10%}.alt-bg{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-alt) 100%)}.container h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--color-secondary)}.container p{max-width:800px;margin:0 auto 3rem;text-align:center;font-size:1.1rem;color:var(--color-text)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.card{background:var(--color-card-bg);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:transform .3s,border-color .3s}.card:hover{transform:translateY(-5px);border-color:var(--color-primary)}.card h3{color:var(--color-primary);margin-bottom:1rem}footer{text-align:center;padding:2rem;font-size:.9rem;color:var(--color-text-dim);border-top:1px solid rgba(255,255,255,.05)}@media(max-width:768px){.hero{flex-direction:column;justify-content:center;text-align:center;padding-top:6rem}.hero-image-container{margin-top:2rem}.floating-axo{max-width:300px}.nav-links{display:none}}