.login-page{min-height:100vh;background:#0a0a0a;color:#e8e8e8;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,#8b95a514 0,#0000 50%),radial-gradient(circle at 80% 70%,#a0a0a00f 0,#0000 50%);pointer-events:none}.login-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,#0f0f0ffa,#0a0a0af2);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border-bottom:1px solid #8b95a526;box-shadow:0 4px 20px #00000080;padding:1rem 0}.nav-container{max-width:1200px}.nav-logo{gap:.75rem}.logo-text{font-size:1.5rem;background:linear-gradient(135deg,#d4d8e0,#8b95a5 50%,#a8b0c0);background-clip:text;text-shadow:0 0 20px #8b95a54d}.back-btn{background:linear-gradient(135deg,#8b95a514,#646e7d0d);border:1px solid #8b95a540;color:#d4d8e0e6;padding:.5rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000004d}.back-btn:hover{background:linear-gradient(135deg,#8b95a526,#646e7d1f);border-color:#8b95a566;color:#fff;box-shadow:0 4px 16px #8b95a533;transform:translateY(-1px)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 20px 20px;background:radial-gradient(ellipse at top,#151515 0,#0a0a0a 50%,#080808 100%);position:relative}.login-card{background:linear-gradient(135deg,#1c1c1cd9,#141414e6 50%,#0f0f0ff2);border:1px solid #8b95a540;border-radius:20px;-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%);box-shadow:0 8px 32px #0009,inset 0 1px 2px #8b95a51a,0 20px 60px #0006;padding:48px;width:100%;max-width:420px;animation:slideUp .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#0000,#a0a0a04d 20%,#b8c0d066 50%,#a0a0a04d 80%,#0000)}.login-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#8b95a50d 0,#0000 70%);animation:shimmer 8s linear infinite;pointer-events:none}@keyframes shimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:36px;position:relative;z-index:1}.login-header h1{color:#fff;font-size:32px;font-weight:700;margin:0 0 10px;background:linear-gradient(135deg,#e8e8e8,#a0a0a0 50%,#c8d0d8);-webkit-background-clip:text;-webkit-text-fill-color:#0000;background-clip:text;letter-spacing:-.02em;text-shadow:0 2px 20px #a0a0a033;filter:drop-shadow(0 0 10px rgba(139,149,165,.15))}.login-header p{color:#b8c0d0bf;font-size:16px;margin:0;font-weight:400;letter-spacing:.01em}.form-group,.login-form{margin-bottom:24px}.form-group{position:relative;z-index:1}.form-group label{display:block;color:#d4d8e0e6;font-size:14px;font-weight:600;margin-bottom:8px;letter-spacing:.02em;text-transform:uppercase;font-size:12px}.form-group input{width:100%;padding:14px 18px;border:1px solid #8b95a540;border-radius:10px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;background:linear-gradient(135deg,#1c1c1c99,#141414b3);color:#e8e8e8;box-shadow:inset 0 2px 8px #0000004d,0 1px 1px #a0a0a00d;font-weight:400}.form-group input::placeholder{color:#8b95a580;font-weight:400}.form-group input:focus{outline:none;border-color:#b8c0d080;box-shadow:inset 0 2px 8px #0006,0 0 0 3px #8b95a526,0 1px 2px #b8c0d01a;background:linear-gradient(135deg,#1c1c1ccc,#141414d9);transform:translateY(-1px)}.error-message{background:#ef44441a;color:#f87171;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;border:1px solid #ef44444d}.auth-button{width:100%;background:linear-gradient(135deg,#8b95a5,#6b7585 50%,#505865);color:#fff;border:1px solid #b8c0d04d;padding:15px 24px;border-radius:10px;font-size:16px;font-weight:600;letter-spacing:.03em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006,inset 0 1px 2px #b8c0d01a,0 8px 24px #8b95a526;text-shadow:0 1px 2px #0000004d;z-index:1}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#0000,#ffffff26 50%,#0000);transition:left .5s ease}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#9aa4b4,#7a8595 50%,#606875);box-shadow:0 8px 32px #00000080,inset 0 1px 3px #b8c0d026,0 12px 36px #8b95a540;border-color:#b8c0d080}.auth-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 16px #0006,inset 0 2px 8px #0000004d}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#4a5058,#3a4048 50%,#2a3038)}.divider{position:relative;text-align:center;margin:28px 0;z-index:1}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,#0000,#8b95a533 20%,#8b95a540 50%,#8b95a533 80%,#0000)}.divider span{background:linear-gradient(135deg,#141414e6,#0f0f0ff2);color:#b8c0d0a6;padding:0 20px;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;position:relative}.google-button{width:100%;background:linear-gradient(135deg,#1c1c1cb3,#141414cc);color:#e8e8e8f2;border:1px solid #8b95a540;padding:14px 24px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000004d,inset 0 1px 1px #8b95a50d;z-index:1}.google-button:hover:not(:disabled){border-color:#b8c0d066;background:linear-gradient(135deg,#232323cc,#191919e6);box-shadow:0 4px 16px #0006,inset 0 1px 2px #8b95a51a;transform:translateY(-1px)}.google-button:disabled{opacity:.5;cursor:not-allowed}.google-icon{width:20px;height:20px}.auth-switch{text-align:center;z-index:1;position:relative}.auth-switch p{color:#b8c0d0a6;font-size:14px;margin:0;font-weight:400}.switch-button{background:none;border:none;color:#a0a8b8;font-weight:600;cursor:pointer;margin-left:4px;text-decoration:underline;-webkit-text-decoration-color:#a0a8b866;text-decoration-color:#a0a8b866;font-size:14px;transition:all .2s ease}.switch-button:hover{color:#b8c0d0;-webkit-text-decoration-color:#b8c0d099;text-decoration-color:#b8c0d099;text-shadow:0 0 8px #b8c0d04d}.login-page,.login-page *,.login-page :after,.login-page :before{animation:none!important;transition:none!important}.login-page svg *{animation:none!important}.login-page svg animate,.login-page svg animateMotion,.login-page svg animateTransform{display:none!important}@media (max-width:480px){.login-container{padding:6rem 16px 16px}.login-card{padding:32px 24px}.login-header h1{font-size:26px}.login-header p{font-size:15px}.form-group input{padding:12px 16px;font-size:15px}.auth-button{padding:13px 20px;font-size:15px}}:root{--bg-dark:#050507;--bg-card:#14141e99;--primary:#3b82f6;--secondary:#8b5cf6;--accent:#10b981;--text-main:#fff;--text-muted:#94a3b8;--glass-border:#ffffff14;--glass-highlight:#ffffff26;--glow-primary:#3b82f680}.landing-page{background-color:var(--bg-dark);color:var(--text-main);font-family:Plus Jakarta Sans,Inter,sans-serif;overflow-x:hidden;position:relative}.animated-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#1e1e2e 0,var(--bg-dark) 70%)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;z-index:-1}.orb-1{width:50vw;height:50vw;background:#4f46e5;top:-20%;left:-10%;animation:float 20s ease-in-out infinite}.orb-2{width:40vw;height:40vw;background:#ec4899;bottom:-10%;right:-10%;animation:float 25s ease-in-out infinite reverse}.orb-3{width:30vw;height:30vw;background:#06b6d4;top:40%;left:30%;opacity:.2;animation:pulse 15s ease-in-out infinite}.metallic-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at center,#000 40%,#0000 90%);mask-image:radial-gradient(circle at center,#000 40%,#0000 90%)}.floating-particle{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 0;transition:all .3s ease}.navbar-scrolled{background:#050507cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 0;border-bottom:1px solid var(--glass-border)}.nav-container{max-width:1280px;margin:0 auto;padding:0 2rem;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:1rem;cursor:pointer}.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{background:none;border:none;color:var(--text-muted);font-weight:500;cursor:pointer;font-size:.95rem;transition:color .2s}.nav-link.active,.nav-link:hover{color:#fff}.login-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;padding:.6rem 1.2rem;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f14d}.ticker-tape-wrapper{position:fixed;top:70px;width:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid var(--glass-border);z-index:90;overflow:hidden;height:40px;display:flex;align-items:center}.navbar-scrolled~.ticker-tape-wrapper{top:60px}.ticker-tape{width:100%;overflow:hidden;white-space:nowrap}.ticker-content{display:inline-block;animation:ticker 30s linear infinite}.ticker-item{display:inline-flex;align-items:center;gap:.5rem;padding:0 2rem;font-size:.85rem;color:var(--text-muted);border-right:1px solid var(--glass-border)}.ticker-pair{font-weight:700;color:#fff}.ticker-change.up{color:#4ade80}.ticker-change.down{color:#f87171}@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.hero-section{min-height:100vh;padding:10rem 0 6rem;display:flex;align-items:center;position:relative;z-index:1}.hero-container{max-width:1280px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.premium-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:100px;font-size:.85rem;color:#e2e8f0;margin-bottom:1.5rem}.hero-title{font-size:4rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em}.title-line{display:block}.titanium-text{background:linear-gradient(135deg,#60a5fa,#c084fc 50%,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:#0000;filter:drop-shadow(0 0 20px rgba(96,165,250,.3))}.hero-subtitle{font-size:1.15rem;line-height:1.6;color:var(--text-muted);max-width:540px;margin-bottom:2.5rem}.hero-subtitle strong{color:#fff}.stats-row{display:flex;gap:3rem;margin-bottom:3rem}.stat-number{font-size:2rem;font-weight:700;color:#fff}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-buttons{display:flex;gap:1rem}.cta-primary{background:#fff;color:#000;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:.5rem;border:none;position:relative;overflow:hidden}.cta-primary,.cta-secondary{padding:1rem 2rem;cursor:pointer}.cta-secondary{background:#ffffff0d;color:#fff;border-radius:12px;font-weight:600;border:1px solid var(--glass-border)}.hero-visual{position:relative;perspective:1000px}.floating-card{background:#141521cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:1.5rem;box-shadow:0 25px 50px -12px #00000080}.main-card{width:100%;position:relative;z-index:10}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-weight:600;font-size:.9rem}.status-indicator{width:8px;height:8px;background:#4ade80;border-radius:50%;box-shadow:0 0 10px #4ade80;display:inline-block;margin-right:8px}.pulse{animation:pulse 2s infinite}.live-tag{background:#ef444433;color:#f87171;padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:800}.card-footer{display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--glass-border)}.metric-label{font-size:.75rem;color:var(--text-muted);display:block}.metric-value{font-weight:700;color:#fff}.metric-value.success{color:#4ade80}.small-card{position:absolute;width:180px;display:flex;align-items:center;gap:1rem;padding:1rem;z-index:20}.card-1{top:-20px;right:-40px}.card-2{bottom:-20px;left:-40px}.icon-box{width:40px;height:40px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.small-label{font-size:.75rem;color:var(--text-muted)}.small-value{font-weight:700;font-size:.9rem}.steps-section{padding:6rem 0;position:relative}.section-container{max-width:1280px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;color:var(--primary);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;margin-bottom:1rem}.section-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(180deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.section-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem}.step-card{background:var(--bg-card);border:1px solid var(--glass-border);padding:2rem;border-radius:20px;position:relative;overflow:hidden;transition:transform .3s ease}.step-card:hover{transform:translateY(-5px);border-color:var(--glass-highlight)}.step-number{position:absolute;top:1rem;right:1.5rem;font-size:4rem;font-weight:900;color:#ffffff08;line-height:1}.step-icon{font-size:2.5rem;margin-bottom:1.5rem}.step-card h3{font-size:1.25rem;margin-bottom:.5rem;font-weight:700}.step-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.features-section{padding:6rem 0}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(250px,auto);grid-gap:1.5rem;gap:1.5rem}.bento-card{background:linear-gradient(145deg,#1e1e2899,#14141ecc);border:1px solid var(--glass-border);border-radius:24px;padding:2rem;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bento-card:hover{border-color:#fff3;box-shadow:0 10px 30px -10px #00000080}.bento-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.bento-card h3{font-size:1.5rem;margin-bottom:.5rem;font-weight:700}.bento-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.large{grid-column:span 2}.medium,.tall{grid-column:span 1}.tall{grid-row:span 2}.wide{grid-column:span 2}.feature-icon-circle{width:50px;height:50px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}.bento-visual{margin-top:auto;padding-top:2rem;width:100%}.strategy-bar{height:8px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;margin-bottom:.5rem;opacity:.5}.circle-progress{width:120px;height:120px;border:8px solid #ffffff1a;border-top:8px solid var(--accent);border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent)}.cta-section{padding:6rem 0}.cta-container{max-width:1000px;margin:0 auto;padding:0 2rem}.cta-content{background:radial-gradient(circle at center,#1e293b 0,#0f172a 100%);border:1px solid var(--glass-border);border-radius:30px;padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}.cta-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#0000,#ffffff80,#0000)}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.cta-primary.large{display:inline-flex;padding:1.2rem 3rem;font-size:1.1rem;background:#fff;color:#000}.footer{border-top:1px solid var(--glass-border);padding:4rem 0 2rem;background:#020203}.footer-container{max-width:1280px;margin:0 auto;padding:0 2rem}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4rem}.footer-brand span{font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:#0000}.footer-description{margin-top:1rem;color:var(--text-muted);max-width:300px}.footer-links-group{display:flex;gap:2rem}.footer-links-group a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .2s}.footer-links-group a:hover{color:#fff}.footer-bottom{text-align:center;color:#ffffff4d;font-size:.9rem;padding-top:2rem;border-top:1px solid #ffffff0d}.mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer;z-index:102;padding:.5rem}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;background:radial-gradient(circle at top right,#1e1e2e 0,#050507 60%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:98;display:flex;justify-content:center;align-items:center;overflow:hidden}.mobile-menu-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}.menu-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2}.menu-orb.orb-1{width:300px;height:300px;background:var(--primary);top:-100px;right:-100px}.menu-orb.orb-2{width:200px;height:200px;background:var(--secondary);bottom:-50px;left:-50px}.nav-container{position:relative;z-index:103}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%;padding:2rem;position:relative;z-index:10}.mobile-nav-link{background:none;border:none;color:#fff9;font-size:2.5rem;font-weight:800;cursor:pointer;transition:all .3s ease;letter-spacing:-.03em;position:relative}.mobile-nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;transition:all .3s ease;transform:translateX(-50%)}.mobile-nav-link:hover:after{width:100%}.mobile-nav-link.active,.mobile-nav-link:hover{color:#fff;transform:scale(1.05);text-shadow:0 0 20px #ffffff4d}.mobile-login-btn{background:#fff;border:none;padding:1.2rem 3rem;border-radius:100px;color:#000;font-weight:800;font-size:1.1rem;cursor:pointer;width:100%;max-width:300px;box-shadow:0 0 30px #fff3;position:relative;overflow:hidden;transition:transform .2s}.mobile-login-btn:active{transform:scale(.95)}@media (max-width:1024px){.hero-title{font-size:3rem}.bento-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero-container{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:2.5rem}.stats-row{flex-wrap:wrap;gap:1.5rem}.bento-grid{grid-template-columns:1fr}.large,.tall,.wide{grid-column:span 1;grid-row:span 1}.steps-grid{grid-template-columns:1fr}.hero-visual{display:none}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}@keyframes pulse{0%,to{opacity:.2;scale:1}50%{opacity:.4;scale:1.1}}