:root{--bg-color:#0d0d0d;--bg-secondary:#1a1a1a;--accent-color:#10b981;--accent-hover:#34d399;--text-primary:#fff;--text-secondary:#a1a1aa;--font-primary:"Inter", sans-serif;--font-heading:"Space Grotesk", sans-serif;--glass-bg:#1a1a1a66;--glass-border:#ffffff14;--glass-border-hover:#10b9814d;--logo-filter:none}@media (prefers-color-scheme:light){.app-wrapper.light-mode{--logo-filter:invert(1) brightness(0)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}.cyber-grid{z-index:-2;pointer-events:none;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:40px 40px;width:100vw;height:100vh;position:fixed;top:0;left:0}.radial-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#10b98126 0%,#0000 60%);width:150vw;height:150vh;animation:8s ease-in-out infinite alternate pulse-glow;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{opacity:.6;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:12px}.fade-in{animation:1s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{font-family:var(--font-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#000;border:1px solid var(--accent-color);box-shadow:0 0 15px #10b98133}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 0 25px #10b98166}.btn-outline{color:var(--text-primary);border:1px solid var(--glass-border);background:0 0}.btn-outline:hover{border-color:var(--glass-border-hover);color:var(--accent-hover);box-shadow:0 0 15px #10b9811a}h1,h2,h3{font-family:var(--font-heading)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4rem 0;display:flex;position:relative}.landing-center{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;width:100%;min-height:100dvh;padding:2rem 1.5rem;display:flex;position:relative}.landing-logo{object-fit:contain;width:auto;max-width:90vw;height:clamp(100px,18vw,200px);filter:var(--logo-filter,none);transition:filter .3s}.landing-btn{color:#0f8;letter-spacing:.5px;-webkit-backdrop-filter:blur(12px);z-index:1;background:linear-gradient(135deg,#00ff8826,#00ff880d);border:none;border-radius:8px;padding:.85rem 2.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;animation:2.5s ease-in-out infinite btn-pulse;position:relative;overflow:hidden}.landing-btn:before{content:"";z-index:-2;background:linear-gradient(270deg,#0f8,#00d4ff,#a855f7,#0f8) 0 0/400% 400%;border-radius:10px;animation:4s linear infinite border-glow;position:absolute;inset:-2px}.landing-btn:after{content:"";z-index:-1;background:#0a0a14e6;border-radius:6px;position:absolute;inset:2px}@keyframes border-glow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes btn-pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #0f83,0 0 30px #00ff881a}50%{transform:scale(1.03);box-shadow:0 0 25px #0f86,0 0 50px #0f83}}.landing-btn:hover{color:#fff;animation:none;transform:scale(1.06);box-shadow:0 0 35px #00ff8880,0 0 70px #00ff884d}.landing-socials{gap:1.5rem;display:flex}.landing-socials .social-icon{color:#ffffff80;transition:all .3s}.landing-socials .social-icon:hover{color:#0f8;transform:translateY(-2px)}@media (width<=768px){.landing-center{gap:2rem;padding:1.5rem 1rem}.landing-logo{height:clamp(70px,22vw,120px)}.landing-btn{white-space:nowrap;padding:.7rem 1.5rem;font-size:.9rem}.landing-socials{gap:1.25rem}}@media (width<=380px){.landing-center{gap:1.5rem}.landing-logo{height:65px}.landing-btn{padding:.6rem 1.2rem;font-size:.8rem}}