@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Grotesk:wght@500;600;700;800&display=swap";:root{--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Space Grotesk", sans-serif;--bg-main: #f5f0fb;--bg-dots: radial-gradient(#c084fc 1.2px, transparent 1.2px);--bg-card: #ffffff;--bg-card-alt: #f3e8ff;--bg-card-accent: #ede9fe;--border-black: 3px solid #000000;--border-black-thin: 2px solid #000000;--border-black-thick: 4px solid #000000;--shadow-sm: 2px 2px 0px #000000;--shadow-md: 4px 4px 0px #000000;--shadow-lg: 6px 6px 0px #000000;--shadow-xl: 8px 8px 0px #000000;--purple-primary: #7c3aed;--purple-hover: #6d28d9;--purple-light: #e9d5ff;--purple-bright: #a855f7;--purple-dark: #3b0764;--text-black: #000000;--text-dark: #1e1b4b;--text-muted: #4c1d95;--color-green: #15803d;--color-green-bg: #dcfce7;--color-red: #b91c1c;--color-red-bg: #fee2e2}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);background-image:var(--bg-dots);background-size:24px 24px;color:var(--text-black);line-height:1.5;min-width:320px;-webkit-font-smoothing:antialiased}.app{min-height:100vh;position:relative;display:flex;flex-direction:column}header{height:84px;background:#fff;border-bottom:var(--border-black-thick);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:50;box-shadow:0 4px #0000000d}.brand{border:0;background:none;color:var(--text-black);display:flex;align-items:center;gap:12px;cursor:pointer}.logo{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--purple-primary);color:#fff;border:var(--border-black);box-shadow:var(--shadow-sm);font:800 22px var(--font-heading)}.brandtext span{font:800 20px var(--font-heading);letter-spacing:-.02em;color:var(--text-black)}.brandtext small{font-size:10px;letter-spacing:.15em;color:var(--purple-primary);font-weight:800;background:var(--purple-light);padding:1px 6px;border:var(--border-black-thin);border-radius:4px}nav{display:flex;gap:8px}nav button{background:#fff;border:var(--border-black);color:var(--text-black);padding:8px 16px;border-radius:10px;cursor:pointer;font:700 13px var(--font-heading);box-shadow:var(--shadow-sm);transition:all .15s ease}nav button:hover{background:var(--purple-light);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}nav button.active{background:var(--purple-primary);color:#fff;transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.profile{display:flex;align-items:center;gap:12px;background:var(--purple-light);border:var(--border-black);padding:6px 14px;border-radius:12px;box-shadow:var(--shadow-sm)}.tickerstatus{display:flex;align-items:center;gap:6px;background:#fff;border:var(--border-black-thin);padding:3px 8px;border-radius:6px;cursor:pointer;box-shadow:var(--shadow-sm);font-family:var(--font-heading)}.tickerstatus small{font-size:10px;font-weight:800;color:var(--text-black)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;display:inline-block}.pulse-dot.active{background:#22c55e;box-shadow:0 0 #22c55eb3;animation:pulseGreen 1.5s infinite}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.lvlbadge{background:var(--purple-primary);color:#fff;border:var(--border-black-thin);padding:4px 10px;border-radius:6px;font-weight:800;font-family:var(--font-heading);font-size:12px}.xpbar{width:90px;height:12px;background:#fff;border:var(--border-black-thin);border-radius:6px;overflow:hidden}.xpbar i{display:block;height:100%;background:var(--purple-primary)}.toast{position:fixed;right:30px;top:100px;display:flex;align-items:center;gap:12px;background:#fff;border:var(--border-black-thick);color:var(--text-black);padding:14px 22px;border-radius:14px;z-index:100;font-weight:700;box-shadow:var(--shadow-lg);font-family:var(--font-heading);animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}.toast-success{background:var(--color-green-bg);border-color:#000}.toast-warning{background:var(--color-red-bg);border-color:#000}@keyframes popIn{0%{transform:scale(.8) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.primary,.ghost,.buy,.sell{border:var(--border-black);border-radius:12px;padding:14px 24px;font:800 15px var(--font-heading);cursor:pointer;box-shadow:var(--shadow-md);transition:all .15s ease}.primary{background:var(--purple-primary);color:#fff}.primary:hover{background:var(--purple-hover);transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.primary:active{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}.ghost{background:#fff;color:var(--text-black)}.ghost:hover{background:var(--purple-light);transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.ghost:active{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}.buy{background:#22c55e;color:#000}.buy:hover{background:#16a34a;color:#fff;transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.sell{background:#ef4444;color:#fff}.sell:hover{background:#dc2626;transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.sell:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}.hero{max-width:1200px;margin:0 auto;padding:70px 4vw 60px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.12em;color:var(--purple-dark);background:var(--purple-light);border:var(--border-black-thin);padding:4px 12px;border-radius:8px;font-weight:800;font-family:var(--font-heading);box-shadow:var(--shadow-sm)}.hero h1{font:800 clamp(44px,7vw,84px)/.96 var(--font-heading);letter-spacing:-.04em;margin:24px 0;color:var(--text-black)}.hero h1 em{font-style:normal;background:var(--purple-primary);color:#fff;padding:0 12px;border-radius:12px;border:var(--border-black);display:inline-block;box-shadow:var(--shadow-md)}.hero p{max-width:660px;color:var(--text-dark);font-size:19px;font-weight:500;line-height:1.6}.actions{display:flex;gap:16px;margin:36px 0;flex-wrap:wrap}.stats{display:flex;gap:30px;margin-top:50px;flex-wrap:wrap}.stats div{background:#fff;border:var(--border-black);border-radius:16px;padding:20px 28px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-width:200px}.stats strong{font:800 32px var(--font-heading);color:var(--purple-primary)}.stats span{font-size:13px;color:var(--text-dark);font-weight:700}.map{margin-top:60px;padding:32px;border:var(--border-black-thick);background:#fff;border-radius:24px;box-shadow:var(--shadow-lg)}.maptop{display:flex;justify-content:space-between;color:var(--text-black);font-size:12px;letter-spacing:.1em;font-family:var(--font-heading);font-weight:800}.track{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin-top:24px}.track.second{margin-top:14px}.node{height:70px;border-radius:16px;background:#fff;border:var(--border-black);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.node:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-md);background:var(--purple-light)}.node.on{border-color:#000;background:var(--purple-bright);color:#fff;box-shadow:var(--shadow-md)}.node.on small{color:#fff}.node span{font-size:24px}.node small{font-size:10px;color:var(--text-dark);font-weight:800}.content,.lesson{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:50px 4vw 80px;width:100%}.sectionhead{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:20px}.sectionhead h2,.lesson h2{font:800 clamp(32px,4vw,44px) var(--font-heading);letter-spacing:-.03em;margin-top:8px;color:var(--text-black)}.progressbox,.cash{background:#fff;border:var(--border-black);padding:12px 20px;border-radius:16px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:flex-end;font:800 22px var(--font-heading);color:var(--purple-primary)}.progressbox span,.cash span{font-size:12px;color:var(--text-dark);font-family:var(--font-body);font-weight:700}.chapters{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px}.chapter{display:grid;grid-template-columns:60px 1fr 28px;gap:18px;text-align:left;align-items:center;background:#fff;border:var(--border-black);color:var(--text-black);border-radius:20px;padding:22px;cursor:pointer;box-shadow:var(--shadow-md);transition:all .15s ease}.chapter:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg);background:var(--purple-light)}.chapter.done{border-color:#000;background:var(--color-green-bg)}.chaptericon{width:60px;height:60px;border-radius:16px;background:var(--purple-light);border:var(--border-black);display:grid;place-items:center;font-size:28px;box-shadow:var(--shadow-sm)}.chapter small{display:inline-block;color:var(--purple-dark);font-size:10px;letter-spacing:.1em;font-weight:800;background:#fff;border:var(--border-black-thin);padding:1px 6px;border-radius:4px}.chapter strong{display:block;font:800 20px var(--font-heading);margin:4px 0}.chapter p{color:var(--text-dark);font-size:13px;line-height:1.4}.statusicon{font-style:normal;color:var(--purple-primary);font-weight:800;font-size:18px}.tip{margin-top:32px;padding:20px 24px;border-radius:18px;background:#fff;border:var(--border-black);color:var(--text-dark);font-size:14px;box-shadow:var(--shadow-md)}.back{background:#fff;border:var(--border-black);color:var(--text-black);padding:8px 16px;border-radius:10px;cursor:pointer;font:700 13px var(--font-heading);box-shadow:var(--shadow-sm);margin-bottom:24px;transition:all .15s ease}.back:hover{background:var(--purple-light);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.lessonhero{display:flex;gap:24px;align-items:center;margin-bottom:40px;background:#fff;border:var(--border-black-thick);padding:30px;border-radius:24px;box-shadow:var(--shadow-lg)}.bigicon{font-size:56px;width:100px;height:100px;display:grid;place-items:center;border-radius:20px;background:var(--purple-light);border:var(--border-black);box-shadow:var(--shadow-sm);flex-shrink:0}.lessonhero p{color:var(--text-dark);font-size:17px;margin-top:6px}.lessonbody{display:grid;grid-template-columns:1fr 1fr;gap:36px}.briefing{background:#fff;border:var(--border-black);border-radius:24px;padding:30px;box-shadow:var(--shadow-md)}.briefing h3,.quiz h3{font:800 22px var(--font-heading);margin-bottom:20px}.lessonpoint{display:flex;gap:16px;padding:16px 0;border-bottom:2px stroke #f1f5f9}.lessonpoint span{width:32px;height:32px;border-radius:10px;background:var(--purple-primary);color:#fff;border:var(--border-black-thin);display:grid;place-items:center;font-size:14px;font-weight:800;box-shadow:var(--shadow-sm);flex-shrink:0}.lessonpoint p{color:var(--text-black);font-size:15px;font-weight:500}.quiz{background:#fff;border:var(--border-black-thick);border-radius:24px;padding:30px;box-shadow:var(--shadow-lg)}.answers{display:grid;gap:14px;margin:20px 0}.answers button{padding:18px;text-align:left;background:#fff;border:var(--border-black);border-radius:14px;color:var(--text-black);cursor:pointer;font:700 15px var(--font-body);box-shadow:var(--shadow-sm);transition:all .15s ease;display:flex;justify-content:space-between;align-items:center}.answers button:hover:not(:disabled){background:var(--purple-light);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.answers button.correct{border-color:#000;background:#22c55e;color:#fff}.answers button.wrong{border-color:#000;background:#ef4444;color:#fff}.explanation{background:var(--purple-light);border:var(--border-black);padding:18px;border-radius:16px;font-size:14px;color:var(--text-dark);font-weight:600;margin-top:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-sm)}.small{padding:10px 20px;font-size:13px;align-self:flex-start}.result{text-align:center;padding:20px 0}.score{font:800 72px var(--font-heading);color:var(--purple-primary);text-shadow:3px 3px 0px #000000}.resultactions{display:flex;justify-content:center;gap:14px;margin-top:24px}.simcontrols{display:flex;align-items:center;gap:16px}.livetoggle{background:#fff;border:var(--border-black);color:var(--text-black);padding:12px 18px;border-radius:14px;font-weight:800;font-size:13px;font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease}.livetoggle.active{background:#ef4444;color:#fff;box-shadow:var(--shadow-md)}.simgrid{display:grid;grid-template-columns:260px 1fr 280px;gap:24px}.watch,.chartcard,.portfolio{background:#fff;border:var(--border-black-thick);border-radius:24px;padding:24px;box-shadow:var(--shadow-lg)}.watchtitle{font-size:11px;font-weight:800;color:var(--purple-dark);letter-spacing:.12em;margin-bottom:16px;font-family:var(--font-heading);background:var(--purple-light);padding:4px 10px;border:var(--border-black-thin);border-radius:6px;display:inline-block}.watchitem{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;border:var(--border-black);border-radius:14px;color:var(--text-black);text-align:left;cursor:pointer;margin-bottom:10px;box-shadow:var(--shadow-sm);transition:all .15s ease}.watchitem:hover{background:var(--purple-light);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.watchitem.active{background:var(--purple-bright);color:#fff;box-shadow:var(--shadow-md)}.watchitem.active small{color:#fff}.watchitem small{display:block;color:var(--text-dark);font-size:11px}.watchprice{text-align:right}.watchprice strong{display:block;font-size:15px;font-family:var(--font-heading)}.watchprice small.up{color:#16a34a;font-weight:800}.watchprice small.down{color:#dc2626;font-weight:800}.charthead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.watchtitlegroup{display:flex;align-items:center;gap:4px}.exticon{color:var(--purple-primary);text-decoration:none;font-weight:800;font-size:13px;padding:0 4px;border-radius:4px;transition:all .15s ease}.exticon:hover{background:var(--purple-primary);color:#fff}.symbolbadge{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.symbolbadge b{font:800 28px var(--font-heading)}.sectortag{background:var(--purple-light);color:var(--purple-dark);border:var(--border-black-thin);font-size:11px;font-weight:800;padding:4px 10px;border-radius:8px}.psxdpslink{display:inline-flex;align-items:center;gap:4px;background:var(--purple-light);color:var(--purple-dark);border:var(--border-black-thin);padding:4px 10px;border-radius:8px;font-size:11px;font-weight:800;text-decoration:none;box-shadow:var(--shadow-sm);transition:all .15s ease}.psxdpslink:hover{background:var(--purple-primary);color:#fff;transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.keymetriclink{color:var(--purple-primary);font-weight:800;font-size:14px;font-family:var(--font-heading);text-decoration:none}.keymetriclink:hover{text-decoration:underline}.stickersym{color:var(--text-black);text-decoration:none}.stickersym:hover{color:var(--purple-primary);text-decoration:underline}.fullname{color:var(--text-dark);font-size:14px;font-weight:600}.priceblock{text-align:right}.priceblock strong{font:800 34px var(--font-heading)}.pnlbadge{display:inline-block;font-size:13px;font-weight:800;padding:4px 10px;border-radius:8px;border:var(--border-black-thin);box-shadow:var(--shadow-sm)}.up,.text-up{color:#16a34a}.down,.text-down{color:#dc2626}.pnlbadge.up{background:var(--color-green-bg);color:var(--color-green)}.pnlbadge.down{background:var(--color-red-bg);color:var(--color-red)}.svgcontainer{position:relative;width:100%;height:280px;background:#faf7fd;border:var(--border-black);border-radius:16px;padding:10px}.svgcontainer svg{width:100%;height:100%}.charttooltip{position:absolute;top:15px;transform:translate(-50%);background:#fff;border:var(--border-black);color:var(--text-black);padding:6px 12px;border-radius:10px;font-size:12px;font-weight:800;pointer-events:none;box-shadow:var(--shadow-sm);font-family:var(--font-heading)}.keymetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;padding:20px;background:var(--purple-light);border-radius:18px;border:var(--border-black);box-shadow:var(--shadow-sm)}.keymetrics div{display:flex;flex-direction:column}.keymetrics span{font-size:10px;color:var(--purple-dark);font-weight:800}.keymetrics b{font-size:15px;font-family:var(--font-heading);font-weight:800}.tradebox{border-top:var(--border-black);padding-top:24px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.qtyinput label{display:block;font-size:12px;color:var(--text-black);font-weight:800;margin-bottom:8px;font-family:var(--font-heading)}.qtycontrols{display:flex;gap:10px}.qtycontrols input{width:110px;padding:12px;border-radius:12px;background:#fff;border:var(--border-black);color:#000;font:800 18px var(--font-heading);box-shadow:var(--shadow-sm)}.presetbtns{display:flex;gap:6px}.presetbtns button{background:#fff;border:var(--border-black);color:var(--text-black);padding:8px 12px;border-radius:10px;font-size:12px;font-weight:800;font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease}.presetbtns button:hover{background:var(--purple-light);transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.tradeactiongroup{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.costpreview{font-size:13px;color:var(--text-dark);font-weight:700}.costpreview b{color:var(--purple-primary);font-weight:800}.actionbtns{display:flex;gap:12px}.positioncard{margin-top:18px;display:flex;flex-direction:column;gap:14px}.posrow{display:flex;justify-content:space-between;font-size:14px;border-bottom:2px stroke #f1f5f9;padding-bottom:10px}.posrow span{color:var(--text-dark);font-weight:600}.posrow b{font-family:var(--font-heading);font-weight:800}.muted{color:var(--text-dark);font-size:14px;line-height:1.5;font-weight:500}.portfoliosummary{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:36px}.summarycard{background:#fff;border:var(--border-black-thick);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-lg)}.summarycard span{font-size:13px;color:var(--text-dark);font-weight:800;font-family:var(--font-heading)}.summarycard strong{font:800 28px var(--font-heading);color:var(--purple-primary)}.holdingstable,.historywrapper{background:#fff;border:var(--border-black-thick);border-radius:24px;padding:28px;box-shadow:var(--shadow-lg)}.holdingstable h3{font:800 24px var(--font-heading);margin-bottom:24px}.tablewrapper{overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0 10px;text-align:left;font-size:15px}th{color:var(--purple-dark);font-size:12px;letter-spacing:.1em;padding:12px 18px;font-weight:800;font-family:var(--font-heading)}td{padding:18px;background:#fff;border-top:var(--border-black-thin);border-bottom:var(--border-black-thin)}td:first-child{border-left:var(--border-black-thin);border-top-left-radius:12px;border-bottom-left-radius:12px}td:last-child{border-right:var(--border-black-thin);border-top-right-radius:12px;border-bottom-right-radius:12px}.tableticker b{font-family:var(--font-heading);font-size:18px;font-weight:800}.tableticker small{color:var(--text-dark);font-size:12px}.typebadge{font-size:12px;font-weight:800;padding:4px 10px;border-radius:8px;border:var(--border-black-thin);font-family:var(--font-heading)}.typebadge.buy{background:#22c55e;color:#000}.typebadge.sell{background:#ef4444;color:#fff}.emptystate{text-align:center;padding:40px 20px;color:var(--text-dark);display:flex;flex-direction:column;align-items:center;gap:20px}.glossarycontrols{display:flex;flex-direction:column;gap:20px;margin-bottom:36px}.searchinput{width:100%;padding:18px 24px;border-radius:20px;background:#fff;border:var(--border-black-thick);color:#000;font:700 17px var(--font-body);box-shadow:var(--shadow-md)}.searchinput:focus{outline:none;background:var(--purple-light);box-shadow:var(--shadow-lg)}.catpills{display:flex;gap:10px;flex-wrap:wrap}.pill{background:#fff;border:var(--border-black);color:var(--text-black);padding:10px 18px;border-radius:12px;font-size:13px;font-weight:800;font-family:var(--font-heading);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .15s ease}.pill:hover{background:var(--purple-light);transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.pill.active{background:var(--purple-primary);color:#fff;transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.glossary{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.glossarycard{padding:26px;border:var(--border-black-thick);background:#fff;border-radius:24px;box-shadow:var(--shadow-md)}.cardhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cardhead b{font:800 20px var(--font-heading)}.cattag{background:var(--purple-light);border:var(--border-black-thin);font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;color:var(--purple-dark)}.glossarycard p{color:var(--text-dark);font-size:14px;line-height:1.5;font-weight:500}footer{margin-top:auto;position:relative;z-index:2;text-align:center;padding:30px 4vw;color:var(--text-dark);font-size:13px;font-weight:600;border-top:var(--border-black-thick);background:#fff;line-height:1.6}@media (max-width: 900px){header{padding:0 16px}nav{display:none}.hero h1{font-size:42px}.simgrid,.lessonbody{grid-template-columns:1fr}.track{grid-template-columns:repeat(4,1fr)}.stats{flex-direction:column;gap:16px}.tradebox{flex-direction:column;align-items:stretch}.tradeactiongroup{align-items:stretch}.actionbtns{display:grid;grid-template-columns:1fr 1fr}}