@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#f8fafc;line-height:1.6}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}#root{margin:0 auto}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}:root{--primary: #00B4D8;--primary-dark: #0096C7;--secondary: #FF9E7D;--accent: #95E1D3;--accent-2: #FFD93D;--background: #FFFDF7;--card-bg: #FFF9F0;--text: #2C3E50;--text-secondary: #5D6D7E;--gradient-start: #00B4D8;--gradient-end: #FF9E7D;--header: rgba(255, 249, 240, .9);--header2: rgba(26, 26, 26, .9);--footer: rgb(26, 26, 26)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--background);color:var(--text);line-height:1.6;overflow-x:hidden}.navbar,.navbar2{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;top:0;left:0;right:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;height:70px;border-bottom:1px solid rgba(0,180,216,.15);box-shadow:0 2px 10px #00b4d80d}.navbar{background:var(--header)}.navbar2{background:var(--header2)}.nav-brand h1{font-size:30px;font-weight:800;background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,180,216,.15));letter-spacing:-.5px}.nav-brand{position:relative;display:flex;align-items:center;gap:10px;height:45px;min-width:150px}.logo{width:27px}.logo-icon{width:45px;height:45px;display:flex;justify-content:center;align-items:center;flex-shrink:0;background:linear-gradient(45deg,var(--primary),var(--secondary));border-radius:8px;box-shadow:0 0 20px #00b4d833}.nav-links,.nav-links2{display:flex;gap:4rem}.nav-links a,.nav-links2 a{text-decoration:none;font-weight:600;transition:color .3s ease;position:relative;letter-spacing:.5px}.nav-links a{color:var(--text)}.nav-links2 a{color:var(--background)}.nav-links a:after,.nav-links2 a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background:linear-gradient(45deg,var(--primary),var(--secondary));transition:transform .3s ease;opacity:.8;transform-origin:left;transform:scaleX(0)}.nav-links a:hover:after,.nav-links2 a:hover:after{transform:scaleX(1)}.nav-links a:hover,.nav-links2 a:hover{color:var(--primary)}.nav-buttons{display:flex;gap:1rem}.mobile-download-btn{background:linear-gradient(45deg,var(--primary),var(--secondary));color:var(--background);border:none;padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;width:100%;margin-top:.5rem}.mobile-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00b4d84d}.btn-primary,.btn-secondary,.btn-outline{padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.app-store-btn{width:150px}.btn-primary{background:linear-gradient(45deg,var(--primary),var(--secondary));color:var(--background);border:none}.btn-secondary{background:var(--card-bg);color:var(--text);border:none}.btn-outline{background:transparent;color:var(--text);border:2px solid var(--text)}.btn-primary:hover,.btn-secondary:hover,.btn-outline:hover,.app-store-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 15px #00b4d833}.hero{padding:8rem 5% 5rem;display:flex;align-items:center;justify-content:space-between;min-height:100vh;width:100%;max-width:100vw;overflow:hidden;background:linear-gradient(135deg,rgba(0,180,216,.5) 0%,transparent 50%),linear-gradient(45deg,rgba(255,158,125,.5) 0%,transparent 50%),radial-gradient(circle at top right,rgba(0,180,216,.1),transparent 50%),radial-gradient(circle at bottom left,rgba(255,158,125,.08),transparent 50%);position:relative}.hero:before{display:none}.hero-content{max-width:600px;width:100%;position:relative;z-index:1}.hero-content h1,.gradient-text{font-size:4rem;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-1px;color:var(--text)}.gradient-text{background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,180,216,.15))}.hero-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem}.hero-image{position:relative;flex:1;max-width:600px;margin:20px}.gradient-blob{position:absolute;width:500px;height:500px;background:linear-gradient(45deg,var(--gradient-start),var(--gradient-end));filter:blur(100px);opacity:.15;border-radius:50%;z-index:-1}.features{padding:5rem 5%;background:var(--card-bg);width:100%;overflow:hidden;position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--secondary),transparent)}.features h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;width:100%}.feature-card,.resource-card{background:var(--card-bg);padding:2rem;border-radius:1.5rem;transition:all .3s ease;border:1px solid rgba(0,180,216,.15);position:relative;overflow:hidden;box-shadow:0 4px 15px #00b4d814}.feature-card:before,.resource-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(45deg,var(--primary),var(--secondary));opacity:.8;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover:before,.resource-card:hover:before{transform:scaleX(1)}.feature-card:hover,.resource-card:hover{box-shadow:0 8px 25px #00b4d826;transform:translateY(-5px) scale(1.02);border-color:#00b4d833;background:linear-gradient(to bottom right,var(--card-bg),var(--background))}.resource-card{background:var(--card-bg);border-radius:16px;overflow:hidden;height:500px}.feature-card h3{margin-bottom:1rem;color:var(--text)}.feature-card p{color:var(--text-secondary)}.community{padding:5rem 5%;text-align:center;width:100%;overflow:hidden;background:var(--background);position:relative}.community:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--accent),transparent)}.community-content{max-width:800px;margin:0 auto;width:100%;position:relative;z-index:1}.community h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text)}.community-features{display:flex;justify-content:center;gap:3rem;margin-top:3rem;flex-wrap:wrap}.community-feature{display:flex;flex-direction:column;align-items:center;gap:1rem;width:150px;padding:1.5rem;background:var(--card-bg);border-radius:1rem;border:1px solid rgba(0,180,216,.15);transition:all .3s ease;box-shadow:0 4px 15px #00b4d814}.community-feature:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 25px #00b4d826;border-color:#00b4d833;background:linear-gradient(to bottom right,var(--card-bg),var(--background))}.community-feature span{font-size:2.5rem}.resources{padding:5rem 5%;background:var(--card-bg);width:100%;overflow:hidden;position:relative}.resources:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--secondary),transparent)}.resources h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--text)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;width:100%}.cta{padding:5rem 5%;text-align:center;background:linear-gradient(135deg,var(--primary),var(--secondary));position:relative;overflow:hidden;opacity:.95}.cta:before{display:none}.cta h2{font-size:2.5rem;margin-bottom:2rem;color:#fff;margin-top:1rem}.btn-cta{background:var(--background);box-shadow:0 4px 12px #00b4d826;font-weight:700;padding:.75rem 2rem;font-size:1.1rem;position:relative;z-index:2;cursor:pointer;border:none;border-radius:9999px;transition:all .3s ease;color:var(--text);margin-bottom:1rem}.btn-cta:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 15px #00b4d833}.footer,.footer2{padding:5rem 5% 2rem;width:100%;overflow:hidden;border-top:1px solid rgba(0,180,216,.15);position:relative}.footer{background:var(--card-bg)}.footer2{background:var(--footer)}.footer:before,.footer2:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,180,216,.2),transparent)}.footer-content{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;margin-bottom:3rem;width:100%}.footer-brand h2,.footer2-brand h2{font-size:2rem;margin-bottom:1rem;filter:drop-shadow(0 2px 4px rgba(0,180,216,.15));letter-spacing:-.5px}.footer-brand h2{color:var(--text)}.footer2-brand h2{color:var(--background)}.footer-links{display:flex;gap:4rem}.footer-column h3{margin-bottom:1rem;color:var(--text)}.footer-column2 h3{margin-bottom:1rem;color:var(--background)}.footer-column a,.footer-column2 a{display:block;text-decoration:none;margin-bottom:.5rem;transition:color .3s ease;font-weight:500;letter-spacing:.3px;position:relative}.footer-column a{color:var(--text)}.footer-column2 a{color:var(--background)}.footer-column a:hover,.footer-column2 a:hover{color:var(--primary);transform:translate(5px)}.footer-column a:after,.footer-column2 a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--primary);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.footer-column a:hover:after,.footer-column2 a:hover::afters{transform:scaleX(1);transform-origin:left}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(244,162,97,.2);color:var(--text-secondary)}.placeholder-image{background:var(--card-bg);width:100%;height:400px;border-radius:1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;box-shadow:0 4px 15px #00b4d814;border:1px solid rgba(0,180,216,.15);position:relative;overflow:hidden}.placeholder-image:before{display:none}.placeholder-image h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text)}.placeholder-image p{color:var(--text-secondary)}.mobile-menu-btn,.mobile-menu-btn2{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.mobile-menu-btn span,.mobile-menu-btn2 span{width:100%;height:3px;border-radius:3px;transition:all .3s ease}.mobile-menu-btn span{background:var(--text)}.mobile-menu-btn2 span{background:var(--background)}.mobile-menu-btn.open span:first-child,.mobile-menu-btn2.open span:first-child{transform:translateY(9px) rotate(45deg)}.mobile-menu-btn.open span:nth-child(2),.mobile-menu-btn2.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:last-child,.mobile-menu-btn2.open span:last-child{transform:translateY(-9px) rotate(-45deg)}.mobile-menu,.mobile-menu2{display:none;position:fixed;top:70px;left:0;right:0;padding:2rem;flex-direction:column;gap:1.5rem;align-items:center;transform:translateY(-100%);opacity:0;transition:all .3s ease;z-index:999;box-shadow:0 4px 15px #00b4d81a;border-bottom:1px solid rgba(0,180,216,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-menu{background:var(--header)}.mobile-menu2{background:var(--header2)}.mobile-menu.open,.mobile-menu2.open{transform:translateY(0);opacity:1}.mobile-menu a,.mobile-menu2 a,.mobile-menu span,.mobile-menu2 span{text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .3s ease}.mobile-menu a,.mobile-menu span{color:var(--text)}.mobile-menu2 a,.mobile-menu2 span{color:var(--background)}.mobile-menu a:hover,.mobile-menu2 a:hover,.mobile-menu span:hover,.mobile-menu2 span:hover{color:var(--primary)}.mobile-menu span,.mobile-menu2 span{cursor:pointer}.mobile-menu .btn-primary,.mobile-menu2 .btn-primary{margin-top:1rem}@media (max-width: 1000px){.navbar,.navbar2{padding:1rem 5%}.nav-links,.nav-links2,#download{display:none}.mobile-menu-btn,.mobile-menu-btn2,.mobile-menu,.mobile-menu2{display:flex}.hero,.learn-page-container,.start{flex-direction:column;text-align:center;padding-top:6rem}.hero-content h1,.learn-content h1{font-size:3rem}.start-content{margin-bottom:5rem}.start-image{margin-top:5rem}.hero-buttons{justify-content:center}.footer-content,.footer-links{flex-direction:column;gap:2rem}}.stock-ticker{display:flex;gap:0;white-space:nowrap;transition:none;height:80px;will-change:transform}.stock-card{min-width:100px;max-width:100px;background-color:#1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;border-right:1px solid rgba(255,255,255,.1)}.stock-card:hover{background-color:#2c2c2e}.stock-symbol{font-weight:600;font-size:.9rem}.stock-price{font-size:.85rem;color:#e0e0e0}.stock-change{font-size:.85rem;font-weight:500}.stock-change.positive{color:#2fbf71}.stock-change.negative{color:#ff4d4d}.stream{background-color:var(--text);width:100%;height:80px;color:#fff;overflow:hidden}.image-top{width:100%;height:100%;object-fit:cover}.start{min-height:80vh;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background-color:var(--card-bg)}.start-content{max-width:600px;width:100%;position:relative;z-index:1}.start-content h1{font-size:3rem;margin-bottom:1rem}.start-content p{margin-bottom:2rem}.start-image{position:relative;flex:1;max-width:600px}.contain{margin-top:2rem}.app-store-btn{cursor:pointer}.back-container{position:relative;width:100%;height:80vh;overflow:hidden}.back-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.back-overlay{position:relative;z-index:1;text-align:center;top:50%;transform:translateY(-50%);padding:0 2rem;color:var(--background);text-shadow:1px 1px 5px #000}.back-overlay h1{font-size:3rem;margin-bottom:1rem}.back-overlay p{margin-bottom:2rem}.page-container{min-height:100vh;padding:120px 5% 5rem;background-color:var(--background);color:var(--text)}.page-content{max-width:1200px;margin:0 auto}.page-content h1{font-size:3rem;margin-bottom:2rem;color:var(--text)}.last-updated{color:var(--text-secondary);margin-bottom:3rem}.about-section,.policy-section,.terms-section,.security-section{margin-bottom:4rem}.about-section h2,.policy-section h2,.terms-section h2,.security-section h2{font-size:2rem;margin-bottom:1.5rem;color:var(--text)}.about-section p,.policy-section p,.terms-section p,.security-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.feature-item{background:var(--card-bg);padding:2rem;border-radius:1rem;transition:transform .3s ease}.feature-item h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin:3rem 0}.contact-info{padding-right:2rem}.contact-methods{margin-top:2rem}.contact-method{margin-bottom:2rem}.contact-method h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--text)}.social-links{display:flex;gap:1rem;margin-top:.5rem}.social-links a{color:var(--primary);text-decoration:none;transition:color .3s ease}.social-links a:hover{color:var(--gradient-end)}.contact-form-container{background:var(--card-bg);padding:2rem;border-radius:1rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text);font-weight:500}.form-group input,.form-group textarea{padding:.75rem;border-radius:.5rem;border:1px solid var(--text-secondary);background:var(--background);color:var(--text);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.faq-section{margin-top:4rem}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.faq-item{background:var(--card-bg);padding:2rem;border-radius:1rem}.faq-item h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text)}.security-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.security-feature{background:var(--card-bg);padding:2rem;border-radius:1rem;transition:transform .3s ease}.security-feature h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text)}.security-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.tip{background:var(--card-bg);padding:2rem;border-radius:1rem}.tip h3{font-size:1.25rem;margin-bottom:1rem;color:var(--text)}.certifications{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin:2rem 0}.certification{background:var(--card-bg);padding:2rem;border-radius:1rem;text-align:center}.certification h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text)}.contact-info{background:var(--card-bg);padding:2rem;border-radius:1rem;margin-top:1rem}.contact-info p{margin-bottom:.5rem}@media (max-width: 768px){.page-container{padding:100px 5% 3rem}.page-content h1{font-size:2.5rem}.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-info{padding-right:0}.features-grid,.security-features,.security-tips,.certifications{grid-template-columns:1fr}}.values-grid,.value-item{display:none}.features-container{max-width:1200px;margin:0 auto;padding:4rem 2rem}.features-hero{text-align:center;margin-bottom:4rem}.features-hero h1{font-size:3rem;color:var(--text);margin-bottom:1rem}.features-hero p{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;color:var(--text);margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.features-cta{text-align:center;padding:4rem 2rem;border-radius:12px}.features-cta h2{font-size:2.5rem;color:var(--text);margin-bottom:1rem}.features-cta p{color:var(--text-secondary);margin-bottom:2rem}.cta-button{background:linear-gradient(to right,var(--gradient-start),var(--gradient-end));color:#fff;box-shadow:0 4px 15px #ff6b6b33;font-weight:700;padding:.75rem 2rem;font-size:1.1rem;position:relative;z-index:2;cursor:pointer;border:none;border-radius:9999px;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 15px #00b4d833}@media (max-width: 768px){.features-hero h1{font-size:2.5rem}.features-grid{grid-template-columns:1fr}.features-cta h2{font-size:2rem}}.resources-content{max-width:1200px;margin:0 auto;padding:40px 20px}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:var(--text)}.section-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.resource-image{position:relative;width:100%;height:200px;overflow:hidden}.resource-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.resource-content{padding:24px}.resource-content h3{font-size:1.4rem;font-weight:700;margin-bottom:12px;color:var(--text)}.resource-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.resource-meta,.resource-meta span,.course-progress{display:none}.category-preview,.featured-resources{margin-bottom:4rem;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.view-all-container{display:flex;justify-content:center;margin-top:2rem}.resources-navigation{display:flex;justify-content:center;gap:1rem;margin:0;padding:1em;width:100%;border:none;outline:none}.nav-button{background:none;border:none;padding:12px 24px;font-size:1rem;color:var(--text);cursor:pointer;transition:all .3s ease;border-radius:8px;display:flex;align-items:center;gap:8px}.nav-button i{font-size:1.1rem}.nav-button:hover{color:#0072ff;background:#0072ff1a}.nav-button.active{color:#0072ff;background:#0072ff1a;font-weight:600}@media (max-width: 768px){.resources-hero h1{font-size:2.5rem}.section-header h2{font-size:2rem}.resources-navigation{padding:15px;gap:10px;flex-wrap:wrap;justify-content:center}.nav-button{padding:8px 16px;font-size:.9rem;white-space:nowrap}}@media (max-width: 480px){.resources-hero{padding:80px 0 40px}.resources-hero h1{font-size:2rem}.resources-hero p{font-size:1rem}.section-header h2{font-size:2rem}.resources-navigation{padding:10px;gap:8px}.nav-button{padding:6px 12px;font-size:.85rem}}.learn-page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00c6ff1a,#0072ff1a);z-index:1}.learn-page-container{padding:3rem 5%;display:flex;align-items:center;justify-content:space-between;min-height:30vh;width:100%;max-width:100vw;overflow:hidden;background:linear-gradient(135deg,#3f148e,#1868ca);position:relative}.learn-content{max-width:600px;width:100%;position:relative;z-index:1}.learn-content h1{font-size:3rem;line-height:1.2;margin-bottom:1.5rem;margin-top:1.5rem;letter-spacing:-1px;color:var(--background)}.learn-content p{font-size:1.25rem;color:var(--background);margin-bottom:2rem}.markets-container{display:flex;height:100%;background-color:var(--footer);color:#fff;top:0}.markets-left{width:33%;min-width:470px;border-right:1px solid #2c2c2e;padding:20px;background-color:var(--footer);flex-shrink:0;display:flex;flex-direction:column;height:calc(100vh - 70px);margin-top:70px}.search-container{margin-bottom:20px}.search-input{width:100%;padding:12px 16px;border:1px solid #2c2c2e;border-radius:8px;font-size:16px;background-color:#2c2c2e;color:#fff;transition:all .3s ease}.search-input:focus{outline:none;border-color:#3c3c3e;background-color:#2c2c2e;box-shadow:0 0 0 2px #ffffff1a}.search-input::placeholder{color:#8e8e93}.stocks-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.stocks-content{flex:1;overflow-y:auto}.stocks-header{padding:12px 0;border-bottom:2px solid #2c2c2e;font-weight:600;color:#8e8e93;gap:15px}.stock-row{display:grid;grid-template-columns:.8fr 1.5fr 1.5fr 1.2fr;padding:12px 0;border-bottom:1px solid #2c2c2e;align-items:center;transition:background-color .2s ease;gap:15px}.stock-row:hover{background-color:#2c2c2e}.symbol{font-weight:600;color:#fff}.name{color:#8e8e93}.price{font-weight:500;color:#fff;text-align:right}.change{font-weight:500;text-align:right;margin-right:10%}.change.positive{color:#34c759}.change.negative{color:#ff3b30}.change.neutral{color:#fff}.markets-right{flex:1;padding:20px;background-color:var(--footer);min-width:0;display:flex;flex-direction:column;height:calc(100vh - 70px);margin-top:70px}.markets-right h2{margin-bottom:20px;color:#fff;font-size:24px}.news-container{flex:1;overflow-y:auto}.news-item{background-color:#2c2c2e;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0003;transition:transform .2s ease;width:100%;margin-bottom:10px;display:flex;align-items:flex-start;gap:18px}.news-item:hover{transform:translateY(-2px);background-color:#3c3c3e}.news-item h3{margin:0 0 12px;color:#fff;font-size:18px}.news-meta{display:flex;gap:12px;margin-bottom:12px;font-size:14px;color:#8e8e93}.news-source{font-weight:500}.news-time{color:#636366}.news-item p{margin:0;color:#8e8e93;line-height:1.5}.news-img-container{flex-shrink:0;width:72px;height:72px;border-radius:8px;overflow:hidden;background:#232325;display:flex;align-items:center;justify-content:center}.news-img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.news-content{flex:1;min-width:0;display:flex;flex-direction:column}.news-img-placeholder{width:100%;height:100%;background:#fff;border-radius:8px;display:block}.news-source-img{width:24px;height:24px;object-fit:contain;border-radius:50%;background:#fff;margin-right:8px;vertical-align:middle;box-shadow:0 1px 3px #00000014}.btnmore{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1000px){.markets-container{flex-direction:column;height:auto;min-height:100vh}.markets-left{width:100%;min-width:0;border-right:none;border-bottom:1px solid #2c2c2e;margin-top:70px;padding:20px;height:auto}.markets-right{width:100%;min-width:0;margin-top:0;padding:20px;height:auto}.stocks-list,.stocks-content,.news-container{height:auto}.stock-row{grid-template-columns:.8fr 1.5fr 1fr 1.2fr;gap:15px}}@media screen and (max-width: 600px){.stock-row{grid-template-columns:.8fr 1.5fr 1fr 1.2fr;font-size:14px;gap:10px}.search-input{font-size:14px;padding:10px 12px}.news-item{flex-direction:column;align-items:stretch;gap:10px}.news-img-container{width:100%;height:160px;margin-bottom:8px}.news-img{width:100%;height:100%;border-radius:8px}.news-item h3{font-size:16px}}.email-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.email-popup-container{background:var(--card-bg);border-radius:16px;padding:0;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease-out}.email-popup-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text);width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.email-popup-close:hover{transform:scale(1.2);font-weight:700}.email-popup-content{padding:40px 32px 32px;text-align:center}.email-popup-content h2{margin:0 0 16px;font-size:28px;font-weight:700;color:var(--text);line-height:1.2}.email-popup-content p{margin:0 0 32px;font-size:16px;color:var(--text-secondary);line-height:1.5}.email-popup-form,.form-group{margin-bottom:24px}.email-input{width:100%;padding:16px 20px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;transition:all .2s ease;box-sizing:border-box;background-color:#fafafa}.email-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.email-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.button-group{display:flex;flex-direction:column;gap:12px}.subscribe-btn{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.subscribe-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #007bff4d}.subscribe-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.no-thanks-btn{background:transparent;color:#666;padding:15px 20px;border:none;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.no-thanks-btn:hover{color:#333;text-decoration:underline;font-weight:700}.status-message{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:500;animation:slideDown .3s ease}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.privacy-note{font-size:12px;color:#999;margin:0;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.email-popup-container{width:95%;margin:20px}.email-popup-content{padding:32px 24px 24px}.email-popup-content h2{font-size:24px}.email-popup-content p{font-size:14px}.button-group{flex-direction:column}.subscribe-btn,.no-thanks-btn{padding:14px 24px;font-size:14px}}.loading-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--footer);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;overflow:hidden;transition:opacity 1s ease-out}.loading-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--primary),var(--secondary))}.gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.logo-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.loading-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:all .5s ease}.loading-title{font-size:2.5rem;font-weight:700;color:#fff;margin:1rem 0 0;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-1px;transition:all .5s ease}.loading-container.logo-appear .logo-wrapper{opacity:0;transform:scale(.5) translateY(50px);animation:logoAppear .8s ease-out forwards}.loading-container.logo-bounce .logo-wrapper{animation:logoBounce .6s ease-in-out}.loading-container.logo-fade .logo-wrapper{animation:logoFade .8s ease-out forwards}.loading-container.page-fade-in{opacity:0;pointer-events:none}@keyframes logoAppear{0%{opacity:0;transform:scale(.5) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes logoBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes logoFade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes pageFadeIn{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@media (max-width: 768px){.loading-logo{width:60px;height:60px}.loading-title{font-size:2rem}}@media (max-width: 480px){.loading-logo{width:50px;height:50px}.loading-title{font-size:1.8rem}}.error-container{min-height:100vh;background-color:var(--footer);color:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.error-content{max-width:600px;text-align:center;background-color:#2c2c2e;padding:40px;border-radius:12px;box-shadow:0 8px 32px #0000004d;border:1px solid #3c3c3e}.error-icon{margin-bottom:24px;animation:errorPulse 2s ease-in-out infinite}.error-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.5px}.error-message{font-size:1.1rem;color:#8e8e93;line-height:1.6;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto}.error-actions{display:flex;gap:16px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.reload-button,.home-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.reload-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.reload-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007bff4d}.home-button{background-color:#3c3c3e;color:#fff;border:1px solid #4c4c4e}.home-button:hover{background-color:#4c4c4e;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.error-details{border-top:1px solid #3c3c3e;padding-top:24px;margin-top:24px}.error-code,.error-time{font-size:.9rem;color:#636366;margin:4px 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}@keyframes errorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media (max-width: 768px){.error-container{padding:16px}.error-content{padding:32px 24px}.error-title{font-size:2rem}.error-message{font-size:1rem}.error-actions{flex-direction:column;align-items:center}.reload-button,.home-button{width:100%;max-width:280px;justify-content:center}}@media (max-width: 480px){.error-content{padding:24px 20px}.error-title{font-size:1.8rem}.error-icon svg{width:60px;height:60px}}