@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";
:root{--bg-dark:224 24% 4%;--bg-card:224 24% 8%;--border-color:224 20% 16%;--border-glow:224 20% 24%;--text-primary:210 40% 98%;--text-secondary:215 20% 65%;--text-muted:215 15% 45%;--accent-cyan:190 95% 50%;--accent-cyan-hover:190 95% 40%;--accent-indigo:250 85% 65%;--accent-indigo-glow:250 85% 65% / .15;--color-bullish:150 84% 50%;--color-bearish:343 85% 55%;--color-income:42 95% 55%;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:hsl(var(--bg-dark));color:hsl(var(--text-primary));font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #00e5ff66,0 0 30px #00e5ff1a}50%{box-shadow:0 0 25px #00e5ffb3,0 0 50px #00e5ff4d}}@keyframes pulse-indigo{0%,to{box-shadow:0 0 15px #7c3aed66}50%{box-shadow:0 0 25px #7c3aedb3}}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 40px}}.bg-grid{pointer-events:none;z-index:-2;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:50%;background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.bg-blur-blob-1{filter:blur(80px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#00e5ff12 0%,#0000 70%);width:500px;height:500px;position:fixed;top:-10%;left:20%}.bg-blur-blob-2{filter:blur(80px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#7c3aed12 0%,#0000 70%);width:600px;height:600px;position:fixed;bottom:10%;right:15%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass-nav{-webkit-backdrop-filter:blur(12px);z-index:100;background:#07090ea6;border-bottom:1px solid #ffffff0a;transition:background .3s;position:fixed;top:0;left:0;right:0}.glass-card{-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#0e121db3 0%,#07090ecc 100%);border:1px solid #ffffff0a;border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:#ffffff14;transform:translateY(-2px);box-shadow:0 12px 30px #0000004d}.gradient-text{background:linear-gradient(135deg,#fff 30%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-cyan{background:linear-gradient(135deg,#fff 40%,#00e5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-indigo{background:linear-gradient(135deg,#fff 40%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{color:#07090e;font-family:var(--font-display);cursor:pointer;background:#00e5ff;border:none;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;animation:3s infinite pulse-glow;display:inline-flex}.btn-primary:hover{background:#00bcd4;transform:translateY(-1px)}.btn-secondary{color:hsl(var(--text-primary));font-family:var(--font-display);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:968px){.grid-2,.grid-3{grid-template-columns:1fr;gap:24px}}.badge-tech{color:#00e5ff;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;background:#00e5ff14;border:1px solid #00e5ff26;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.heatmap-grid{background:#07090e99;border:1px solid #ffffff0d;border-radius:12px;grid-template-columns:repeat(8,1fr);gap:6px;padding:12px;display:grid}.heatmap-cell{aspect-ratio:1.2;font-family:var(--font-display);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:relative}.heatmap-cell:hover{z-index:10;transform:scale(1.1);box-shadow:0 4px 12px #00000080}.heatmap-cell:after{content:attr(data-tooltip);background:hsl(var(--bg-card));color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;border:1px solid #ffffff1a;border-radius:4px;padding:4px 8px;font-size:10px;transition:all .15s;position:absolute;bottom:125%;left:50%;transform:translate(-50%)scale(.85)}.heatmap-cell:hover:after{opacity:1;transform:translate(-50%)scale(1)}.academy-nodes{justify-content:space-between;align-items:center;padding:40px 0;display:flex;position:relative}.academy-nodes:before{content:"";z-index:1;background:linear-gradient(90deg,#00e5ff33 0%,#7c3aed33 50%,#f59e0b33 100%);height:2px;position:absolute;top:50%;left:0;right:0}.academy-node{background:hsl(var(--bg-card));cursor:pointer;z-index:2;border:2px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex;position:relative}.academy-node.active{border-color:#00e5ff;box-shadow:0 0 20px #00e5ff4d}.academy-node:hover{border-color:#7c3aed;transform:scale(1.1)}.math-box{color:#e2e8f0;background:#0003;border-left:3px solid #7c3aed;border-radius:0 8px 8px 0;margin:12px 0;padding:16px;font-family:Courier New,Courier,monospace;overflow-x:auto}.phone-mockup-container{justify-content:center;align-items:center;width:100%;display:flex}.phone-mockup{background:#07090e;border:10px solid #1e293b;border-radius:36px;flex-direction:column;width:270px;height:560px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0009,0 0 20px #00e5ff14}.phone-mockup:hover{border-color:#334155;box-shadow:0 20px 45px #000000b3,0 0 30px #00e5ff1f}.phone-notch{z-index:10;background:#1e293b;border-radius:10px;width:85px;height:18px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-screen{width:100%;height:100%;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;object-position:center top;width:100%;height:100%}