@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.roadmap-shell{color:#282b45;background:#f6f7fb;min-height:100vh;font-family:Inter,Arial,sans-serif}.roadmap-topbar{background:#fff;border-bottom:1px solid #e9eaf2;justify-content:space-between;align-items:center;height:76px;padding:0 5.5%;display:flex}.roadmap-brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.roadmap-brand-mark{color:#fff;background:linear-gradient(135deg,#7b61f6,#5b65e8);border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.roadmap-back-btn{color:#5d6278;cursor:pointer;background:#f7f7fb;border:1px solid #e8e9f1;border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:600;display:inline-flex}.roadmap-back-btn:hover,.roadmap-secondary-btn:hover{color:#6651db;background:#eeebff}.roadmap-avatar{color:#624bd9;background:#eeebff;border-radius:50%;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.roadmap-content{max-width:1440px;margin:0 auto;padding:27px 5.5% 20px}.roadmap-breadcrumb{color:#858ba0;margin-bottom:22px;font-size:12px}.roadmap-breadcrumb span{color:#b4b8c6;margin:0 8px}.roadmap-breadcrumb strong{color:#51566c}.roadmap-hero{background:linear-gradient(115deg,#f0edff,#f5f2ff 48%,#e8f3ff);border:1px solid #e9e5ff;border-radius:23px;justify-content:space-between;align-items:center;gap:25px;min-height:255px;padding:34px 5%;display:flex;position:relative;overflow:hidden}.roadmap-hero-copy{z-index:1;max-width:720px;position:relative}.roadmap-eyebrow{color:#7963dc;letter-spacing:1.3px;font-size:10px;font-weight:800}.roadmap-hero h1{color:#272943;letter-spacing:-1.7px;margin:13px 0;font-size:clamp(30px,3.5vw,44px);line-height:1.18}.roadmap-hero h1 span{color:#7258e7}.roadmap-hero-copy>p{color:#6e7389;max-width:580px;font-size:13px;line-height:1.9}.roadmap-hero-symbol{flex:0 0 210px;place-items:center;width:210px;height:210px;display:grid;position:relative}.roadmap-symbol-ring{color:#fff;background:linear-gradient(135deg,#8b6af4,#5d75eb);border:12px solid #ffffffa6;border-radius:38px;place-items:center;width:125px;height:125px;font-size:51px;display:grid;transform:rotate(-8deg);box-shadow:0 15px 35px #6c62d638}.roadmap-symbol-dot{background:#8069e8;border:3px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute}.dot-one{top:27px;right:29px}.dot-two{background:#65a8ed;bottom:31px;right:16px}.dot-three{background:#f1ae69;top:46px;left:14px}.roadmap-progress-panel{background:#fff;border:1px solid #e9eaf2;border-radius:18px;margin:23px 0 38px;padding:27px}.progress-panel-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.progress-panel-heading h2{color:#2b2e47;letter-spacing:-.7px;margin:8px 0 6px;font-size:23px}.progress-panel-heading p{color:#858a9d;font-size:12px;line-height:1.7}.progress-percentage{color:#7158e5;letter-spacing:-1.5px;font-size:34px;font-weight:800}.progress-track{background:#eeedf7;border-radius:99px;height:10px;margin:25px 0 12px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#8265f1,#5d79ec);min-width:0;height:100%;transition:width .35s}.progress-caption{color:#858a9d;justify-content:space-between;gap:12px;font-size:11px;display:flex}.progress-caption strong{color:#343750}.roadmap-mini-stats{border-top:1px solid #eff0f5;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px;padding-top:20px;display:grid}.roadmap-mini-stats>div{color:#777d91;align-items:center;gap:8px;font-size:11px;display:flex}.roadmap-mini-stats strong{color:#30334b;margin-left:auto;font-size:15px}.mini-stat-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.completed-dot{background:#35ae7d}.learning-dot{background:#8265ed}.practicing-dot{background:#e7a44c}.roadmap-topic-section{margin-bottom:38px}.roadmap-section-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:20px;display:flex}.roadmap-section-heading h2{color:#2b2e47;letter-spacing:-.7px;margin:8px 0 6px;font-size:24px}.roadmap-section-heading p{color:#858a9d;font-size:12px;line-height:1.7}.roadmap-topic-count{color:#7058db;white-space:nowrap;background:#eeebff;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:700}.roadmap-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.roadmap-topic-card{background:#fff;border:1px solid #e8e9f2;border-radius:17px;min-width:0;padding:22px;transition:border-color .2s,box-shadow .2s}.roadmap-topic-card:hover{border-color:#d5cdfb;box-shadow:0 10px 27px #36385a0c}.topic-card-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.topic-number{color:#735be1;background:#f0edff;border-radius:13px;place-items:center;width:43px;height:43px;font-size:13px;font-weight:800;display:grid}.topic-status{color:#74798d;background:#f0f1f6;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:700}.topic-status.learning{color:#7054d5;background:#f0edff}.topic-status.practicing{color:#b87921;background:#fff3df}.topic-status.completed{color:#21845d;background:#e6f7ef}.roadmap-topic-card h3{color:#30334b;overflow-wrap:anywhere;margin-bottom:9px;font-size:17px}.topic-card-description{color:#858a9d;min-height:43px;font-size:12px;line-height:1.8}.topic-status-controls{flex-direction:column;gap:8px;margin-top:21px;display:flex}.topic-status-controls label{color:#777d91;font-size:11px;font-weight:600}.topic-status-controls select{color:#454962;background:#fafaff;border:1px solid #e5e6f0;border-radius:10px;outline-color:#8c79ec;width:100%;min-height:42px;padding:10px 12px;font-size:12px}.topic-status-controls select:disabled{opacity:.65;cursor:wait}.topic-ai-btn{color:#6952d5;cursor:pointer;background:#f6f4ff;border:1px solid #e4defd;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:43px;margin-top:13px;padding:11px 13px;font-size:12px;font-weight:700;display:flex}.topic-ai-btn:hover{background:#eeebff;border-color:#d3c9fb}.topic-ai-btn span:first-child{font-size:15px}.topic-ai-btn span:last-child{margin-left:auto;font-size:17px}.topic-saving{color:#777d91;margin-top:9px;font-size:10px}.roadmap-save-error,.ai-error{color:#a83c50;background:#fff0f2;border:1px solid #f3d7dc;border-radius:10px;margin-bottom:15px;padding:13px 15px;font-size:12px;line-height:1.7}.roadmap-empty{text-align:center;background:#fff;border:1px solid #e8e9f2;border-radius:17px;padding:42px 20px}.roadmap-empty-icon{color:#755de1;background:#f0edff;border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 15px;font-size:27px;display:grid}.roadmap-empty h3{color:#30334b;margin-bottom:8px;font-size:16px}.roadmap-empty p{color:#858a9d;max-width:480px;margin:0 auto;font-size:12px;line-height:1.8}.ai-learning-panel{background:#fff;border:1px solid #e3defb;border-radius:18px;margin-bottom:30px;padding:25px;box-shadow:0 10px 30px #6e5cdb0a}.ai-panel-heading{border-bottom:1px solid #eff0f5;align-items:center;gap:13px;padding-bottom:18px;display:flex}.ai-panel-icon{color:#fff;background:linear-gradient(135deg,#8a6af3,#5d70e8);border-radius:14px;flex:0 0 45px;place-items:center;width:45px;height:45px;font-size:23px;display:grid}.ai-panel-heading h2{color:#30334b;overflow-wrap:anywhere;margin-top:5px;font-size:19px}.ai-close-btn{color:#777d91;cursor:pointer;background:#f5f5fa;border:0;border-radius:9px;width:35px;height:35px;margin-left:auto;font-size:23px}.ai-close-btn:hover{color:#5f4bd0;background:#eeebff}.ai-response{color:#535971;white-space:pre-wrap;overflow-wrap:anywhere;padding-top:20px;font-size:13px;line-height:1.95}.ai-loading{color:#777d91;align-items:center;gap:13px;padding:24px 0 8px;font-size:12px;display:flex}.ai-error{margin-top:18px;margin-bottom:0}.roadmap-primary-btn,.roadmap-secondary-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-size:12px;font-weight:700;display:inline-flex}.roadmap-primary-btn{color:#fff;background:linear-gradient(110deg,#7659eb,#5b69e9);border:0;margin-top:8px}.roadmap-primary-btn:hover{box-shadow:0 8px 20px #6b5ce52e}.roadmap-secondary-btn{color:#6653d1;background:#f8f7ff;border:1px solid #e4e0fa}.roadmap-bottom-cta{background:linear-gradient(110deg,#eeebff,#edf4ff);border:1px solid #e6e4fa;border-radius:17px;justify-content:space-between;align-items:center;gap:22px;padding:27px 29px;display:flex}.roadmap-bottom-cta h2{color:#2d304a;letter-spacing:-.5px;margin:8px 0;font-size:21px}.roadmap-bottom-cta p{color:#777d93;font-size:12px;line-height:1.8}.roadmap-footer{color:#9a9eaf;border-top:1px solid #e7e8f0;justify-content:space-between;gap:15px;margin-top:29px;padding:20px 0 7px;font-size:10px;display:flex}.roadmap-loading{color:#343750;text-align:center;background:#f6f7fb;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:100vh;padding:24px;display:flex}.roadmap-loading h2{font-size:18px}.roadmap-loading p{color:#858a9c;max-width:420px;font-size:13px;line-height:1.7}.roadmap-spinner{border:3px solid #e6e2fb;border-top-color:#7659eb;border-radius:50%;width:37px;height:37px;animation:.8s linear infinite roadmap-spin}.roadmap-error-icon{color:#b83e52;background:#ffebef;border-radius:50%;place-items:center;width:43px;height:43px;font-size:22px;font-weight:800;display:grid}@keyframes roadmap-spin{to{transform:rotate(360deg)}}@media (width<=800px){.roadmap-content{padding-left:4%;padding-right:4%}.roadmap-hero{padding:29px}.roadmap-hero-symbol{flex-basis:150px;width:150px;height:170px}.roadmap-symbol-ring{border-radius:30px;width:100px;height:100px;font-size:40px}.roadmap-topic-grid{gap:12px}.roadmap-topic-card{padding:17px}}@media (width<=600px){.roadmap-topbar{height:65px;padding:0 15px}.roadmap-brand{gap:7px;font-size:15px}.roadmap-brand-mark{width:30px;height:30px}.roadmap-avatar{width:32px;height:32px}.roadmap-back-btn{padding:9px;font-size:11px}.roadmap-content{padding:20px 15px}.roadmap-hero{min-height:auto;padding:27px 21px}.roadmap-hero-symbol{display:none}.roadmap-hero h1{letter-spacing:-1.1px;font-size:31px}.roadmap-hero-copy>p{font-size:12px}.roadmap-progress-panel{margin:17px 0 30px;padding:20px}.progress-panel-heading h2{font-size:20px}.progress-percentage{font-size:28px}.roadmap-mini-stats{grid-template-columns:1fr;gap:13px}.roadmap-section-heading h2{font-size:21px}.roadmap-topic-grid{grid-template-columns:1fr}.roadmap-topic-card{padding:20px}.roadmap-bottom-cta{flex-direction:column;align-items:flex-start;padding:23px}.roadmap-bottom-cta h2{font-size:19px}.ai-learning-panel{padding:18px}.ai-panel-heading h2{font-size:16px}.roadmap-footer{flex-direction:column;font-size:9px}}@media (prefers-reduced-motion:reduce){.roadmap-spinner{animation:none}.progress-fill,.roadmap-topic-card{transition:none}}:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#080b16;font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f8fafc;background:radial-gradient(at 50% 0,#5b4bff29,#0000 48%),#080b16;min-width:320px;min-height:100vh;font-family:Inter,sans-serif}button,input,select,textarea{font:inherit}button{transition:transform .2s,background .2s,box-shadow .2s,border-color .2s}button:hover{transform:translateY(-2px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #a78bfa}a{color:inherit;text-decoration:none}.app{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#080b16c7;border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:0 clamp(20px,7vw,110px);display:flex;position:sticky;top:0}.navbar h2{letter-spacing:-1px;color:#fff;font-size:23px;font-weight:800}.login-btn{color:#e9e4ff;cursor:pointer;background:#7c5cff1f;border:1px solid #a78bfa61;border-radius:12px;padding:11px 20px;font-weight:600}.login-btn:hover{background:#7c5cff3d;box-shadow:0 6px 24px #7c5cff26}.hero{text-align:center;isolation:isolate;justify-content:center;align-items:center;min-height:calc(100vh - 76px);padding:90px 24px 110px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(100px);z-index:-1;pointer-events:none;background:#6366f121;border-radius:50%;width:440px;height:440px;position:absolute;top:20%;left:50%;transform:translate(-50%)}.hero-content{width:100%;max-width:920px;margin:0 auto;animation:.7s both hero-enter}.tagline{color:#c4b5fd;letter-spacing:1.5px;background:#7c5cff1a;border:1px solid #a78bfa4d;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-bottom:28px;padding:9px 15px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-4px;color:#f8fafc;max-width:850px;margin:0 auto 24px;font-size:clamp(42px,7vw,76px);font-weight:800;line-height:1.08}.hero h1 span{background:linear-gradient(100deg,#a78bfa 10%,#818cf8 48%,#67e8f9 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.description{color:#a1a9bd;max-width:680px;margin:0 auto 36px;font-size:clamp(16px,2vw,19px);line-height:1.85}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(110deg,#7657f6,#625cf6 55%,#4f7bf7);border:1px solid #fff3;border-radius:13px;min-height:52px;padding:15px 27px;font-size:15px;font-weight:700;box-shadow:0 12px 35px #635bf647}.start-btn:hover{box-shadow:0 16px 42px #635bf66b}.start-btn:active,.login-btn:active{transform:translateY(0)}@keyframes hero-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.navbar{min-height:66px;padding:0 20px}.navbar h2{font-size:20px}.login-btn{padding:10px 14px;font-size:13px}.hero{min-height:calc(100vh - 66px);padding:70px 22px 85px}.hero h1{letter-spacing:-2px}.description{line-height:1.75}.start-btn{width:100%;max-width:320px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.dashboard-shell{--primary:#6558e8;--primary-light:#f0edff;--ink:#20213a;--muted:#85879a;--line:#ececf3;min-height:100vh;color:var(--ink);background:#f7f8fc;font-family:Inter,Segoe UI,sans-serif;display:flex}.dashboard-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:255px;min-width:255px;min-height:100vh;padding:30px 18px 20px;display:flex}.brand{align-items:center;gap:11px;margin-bottom:48px;padding:0 10px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#8068fa,#5143cb);border-radius:13px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid;box-shadow:0 7px 18px #6558e833}.brand h2{letter-spacing:-.7px;font-size:19px;font-weight:800}.brand span{color:#9999ad;letter-spacing:1.1px;margin-top:4px;font-size:9px;font-weight:700;display:block}.sidebar-label{color:#a2a2b3;letter-spacing:1.5px;margin-bottom:13px;padding:0 12px;font-size:10px;font-weight:800}.sidebar-nav{gap:7px;display:grid}.nav-item{color:#77798e;border-radius:12px;align-items:center;gap:13px;min-height:47px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.nav-item>span:first-child{text-align:center;width:20px;font-size:19px}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:750}.nav-count{background:#fff;border-radius:7px;margin-left:auto;padding:3px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.sidebar-tip{background:linear-gradient(145deg,#faf9ff,#f2efff);border:1px solid #e8e2ff;border-radius:15px;padding:18px 15px}.tip-icon{color:#6558e8;background:#e3dcff;border-radius:10px;place-items:center;width:32px;height:32px;margin-bottom:13px;font-size:18px;display:grid}.sidebar-tip h3{margin-bottom:7px;font-size:13px;line-height:1.5}.sidebar-tip p{color:#87869d;font-size:11px;line-height:1.7}.sidebar-footer{text-align:center;color:#aaaaba;letter-spacing:.7px;margin-top:22px;font-size:8px}.dashboard-main{flex:1;min-width:0}.dashboard-topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:18px;min-height:91px;padding:19px clamp(22px,4vw,54px);display:flex}.breadcrumb{color:#999bad;margin-bottom:7px;font-size:11px}.dashboard-topbar h2{letter-spacing:-.6px;font-size:21px;font-weight:800}.topbar-right{align-items:center;gap:17px;display:flex}.topbar-status{color:#77798e;align-items:center;gap:8px;font-size:11px;display:flex}.status-dot{background:#36bd88;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e5f8ef}.avatar{color:#5544c6;background:#ddd7ff;border:3px solid #eeebff;border-radius:50%;place-items:center;width:39px;height:39px;font-size:14px;font-weight:800;display:grid}.dashboard-content{max-width:1500px;margin:0 auto;padding:32px clamp(22px,4vw,54px) 20px}.welcome-banner{color:#fff;background:radial-gradient(at 88% 20%,#7d6af5 0%,#0000 35%),linear-gradient(115deg,#24204e,#4435a1 68%,#6454d7);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;min-height:300px;padding:38px 43px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #4233a51c}.welcome-copy{z-index:2;max-width:570px;position:relative}.welcome-badge{color:#e4dfff;letter-spacing:1.2px;background:#ffffff12;border:1px solid #ffffff32;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 12px;font-size:9px;font-weight:800;display:inline-flex}.welcome-copy h1{letter-spacing:-1.5px;margin-bottom:14px;font-size:clamp(27px,3vw,39px);font-weight:800;line-height:1.19}.welcome-copy h1 span{color:#c8beff}.welcome-copy>p{color:#e0ddf6;max-width:510px;margin-bottom:24px;font-size:12px;line-height:1.9}.welcome-action{color:#4435a1;background:#fff;border-radius:10px;align-items:center;gap:18px;min-height:42px;padding:0 16px;font-size:11px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.welcome-action:hover{transform:translateY(-2px);box-shadow:0 8px 20px #16103b30}.welcome-visual{place-items:center;width:270px;min-width:220px;height:240px;display:grid;position:relative}.orbit{border:1px solid #ffffff2c;border-radius:50%;position:absolute}.orbit-one{width:205px;height:205px}.orbit-two{width:150px;height:150px}.visual-center{color:#fff;background:linear-gradient(145deg,#b1a4ff,#7162df);border:1px solid #fff5;border-radius:28px;place-items:center;width:94px;height:94px;font-size:46px;display:grid;transform:rotate(-8deg);box-shadow:0 0 65px #b6a7ff42}.floating-card{color:#272444;background:#ffffffed;border:1px solid #ffffff2a;border-radius:12px;align-items:center;gap:10px;padding:11px 13px;display:flex;position:absolute;box-shadow:0 12px 30px #19134325}.floating-card strong,.floating-card small{display:block}.floating-card strong{margin-bottom:4px;font-size:10px}.floating-card small{color:#85849a;font-size:9px}.floating-card-top{top:14px;right:-4px}.floating-card-bottom{bottom:14px;left:-2px}.floating-icon,.floating-check{color:#6558e8;background:#eeeaff;border-radius:9px;place-items:center;width:29px;height:29px;font-size:16px;font-weight:800;display:grid}.floating-check{color:#159d70;background:#e3f9ef}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:24px 0 37px;display:grid}.stat-card{background:#fff;border:1px solid #ebecf3;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 12px #20213a05}.stat-card:hover,.company-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #20213a0d}.stat-icon{border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:16px;font-size:19px;display:grid}.stat-icon-purple{color:#6558e8;background:#f0edff}.stat-icon-blue{color:#4387df;background:#e8f3ff}.stat-icon-orange{color:#e58c46;background:#fff1e7}.stat-card>p{color:#7d8094;margin-bottom:10px;font-size:11px}.stat-bottom{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stat-bottom strong{letter-spacing:-1px;font-size:25px}.stat-bottom span{color:#9b9caf;font-size:9px}.company-section{scroll-margin-top:110px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:21px;display:flex}.section-eyebrow{color:#7868e7;letter-spacing:1.7px;margin-bottom:8px;font-size:9px;font-weight:800}.section-heading h2{letter-spacing:-.8px;margin-bottom:8px;font-size:clamp(20px,2vw,25px)}.section-subtitle{color:#8a8c9f;font-size:11px;line-height:1.7}.company-search{color:#9698ab;background:#fff;border:1px solid #e8e9f0;border-radius:11px;align-items:center;gap:9px;min-width:225px;height:42px;padding:0 13px;display:flex}.company-search>span{font-size:23px}.company-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:none;outline:none;font-size:11px}.company-search input::placeholder{color:#a4a6b7}.company-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.company-card{background:#fff;border:1px solid #ebecf3;border-radius:16px;min-width:0;padding:21px;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 12px #20213a05}.company-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.company-logo{border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:grid}.company-purple{color:#6558e8;background:#eeeaff}.company-blue{color:#3178cb;background:#e5f2ff}.company-orange{color:#d9823d;background:#fff0e4}.company-green{color:#20976b;background:#e2f8ed}.company-label{color:#999bae;letter-spacing:.6px;background:#f7f7fb;border-radius:7px;padding:6px 8px;font-size:8px;font-weight:800}.company-card h3{letter-spacing:-.3px;margin-bottom:9px;font-size:17px}.company-description{color:#85879a;min-height:57px;font-size:11px;line-height:1.8}.company-card-divider{background:#f0f0f5;height:1px;margin:18px 0 14px}.company-card-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.company-card-bottom>span{color:#85879a;font-size:10px}.company-open{color:#fff;cursor:pointer;background:#6558e8;border:none;border-radius:11px;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:20px;display:grid}.company-open:hover{background:#5142d0}.dashboard-message{color:#77798e;text-align:center;background:#fff;border:1px dashed #dcdced;border-radius:15px;padding:30px;font-size:13px;line-height:1.7}.dashboard-footer{color:#a1a3b4;justify-content:space-between;gap:15px;padding:28px 0 8px;font-size:9px;display:flex}@media (width<=1100px){.dashboard-sidebar{width:220px;min-width:220px}.welcome-banner{padding:30px}.welcome-visual{width:215px;min-width:185px;transform:scale(.9)}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.dashboard-shell{display:block}.dashboard-sidebar{border-right:none;border-bottom:1px solid var(--line);width:100%;min-width:0;min-height:auto;padding:15px 18px}.brand{margin-bottom:17px}.sidebar-label,.sidebar-bottom{display:none}.sidebar-nav{gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.nav-item{white-space:nowrap;gap:7px;min-height:39px;padding:0 11px;font-size:11px}.nav-item>span:first-child{font-size:15px}.dashboard-topbar{min-height:75px;padding:14px 20px}.topbar-status{display:none}.dashboard-content{padding:22px 18px 15px}.welcome-banner{border-radius:18px;min-height:auto;padding:27px 23px}.welcome-copy{max-width:100%}.welcome-copy h1{letter-spacing:-1px;font-size:clamp(28px,7vw,36px)}.welcome-copy>p{font-size:11px}.welcome-visual{display:none}.stats-grid{grid-template-columns:1fr;gap:12px;margin:18px 0 29px}.stat-card{grid-template-columns:42px 1fr;align-items:center;column-gap:12px;padding:16px;display:grid}.stat-icon{grid-row:span 2;margin:0}.stat-card>p{margin-bottom:5px}.stat-bottom{justify-content:flex-start;gap:12px}.stat-bottom strong{font-size:20px}.section-heading{flex-direction:column;align-items:stretch}.company-search{width:100%;min-width:0}.company-grid{grid-template-columns:1fr}.company-description{min-height:auto}.dashboard-footer{flex-direction:column;padding-top:23px}}@media (prefers-reduced-motion:reduce){.stat-card,.company-card,.welcome-action{transition:none}}.pattern-shell{color:#20243a;background:#f6f7fb;min-height:100vh;font-family:Inter,Arial,sans-serif}.pattern-topbar{background:#fff;border-bottom:1px solid #e9eaf2;justify-content:space-between;align-items:center;height:76px;padding:0 5.5%;display:flex}.pattern-back{color:#555c70;cursor:pointer;background:#f7f7fb;border:1px solid #e8e9f1;border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-weight:600;display:flex}.pattern-back:hover,.pattern-secondary-btn:hover{color:#6550db;background:#eeedff}.pattern-brand{letter-spacing:-.6px;align-items:center;gap:10px;font-size:19px;font-weight:800;display:flex}.pattern-brand-mark{color:#fff;background:linear-gradient(135deg,#7b61f6,#5b65e8);border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.pattern-avatar{color:#624bd9;background:#eeebff;border-radius:50%;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.pattern-content{max-width:1440px;margin:0 auto;padding:27px 5.5% 20px}.pattern-breadcrumb{color:#858ba0;margin-bottom:22px;font-size:12px}.pattern-breadcrumb span{color:#b4b8c6;margin:0 8px}.pattern-breadcrumb strong{color:#51566c}.pattern-hero{background:linear-gradient(115deg,#f0edff 0%,#f5f2ff 48%,#e8f3ff 100%);border:1px solid #e9e5ff;border-radius:23px;justify-content:space-between;align-items:center;gap:28px;min-height:305px;padding:36px 5%;display:flex;position:relative;overflow:hidden}.pattern-hero-copy{z-index:2;max-width:660px;position:relative}.pattern-eyebrow{color:#7963dc;letter-spacing:1.4px;font-size:10px;font-weight:800}.pattern-hero h1{letter-spacing:-1.7px;color:#252742;margin:13px 0;font-size:clamp(29px,3.2vw,43px);line-height:1.18}.pattern-hero h1 span{color:#7258e7}.pattern-hero-copy>p{color:#6c7188;max-width:590px;margin-bottom:23px;font-size:13px;line-height:1.9}.pattern-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(110deg,#7659eb,#5b69e9);border:0;border-radius:11px;justify-content:center;align-items:center;gap:20px;min-height:45px;padding:12px 18px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 8px 18px #6b5ce52b}.pattern-primary-btn:hover{transform:translateY(-2px);box-shadow:0 11px 23px #6b5ce542}.pattern-primary-btn span{font-size:17px}.pattern-hero-visual{flex:0 0 260px;place-items:center;height:230px;display:grid;position:relative}.pattern-visual-ring{border:1px solid #b7aaf6;border-radius:50%;position:absolute}.ring-one{width:190px;height:190px}.ring-two{border-style:dashed;border-color:#a5b6f1;width:140px;height:140px}.pattern-visual-center{color:#fff;background:linear-gradient(135deg,#8b6af4,#5d75eb);border:8px solid #ffffffb5;border-radius:27px;place-items:center;width:88px;height:88px;font-size:37px;display:grid;box-shadow:0 12px 30px #6c62d640}.pattern-visual-tag{color:#50536e;white-space:nowrap;background:#fff;border:1px solid #eceaf9;border-radius:12px;align-items:center;gap:8px;padding:11px 13px;font-size:10px;font-weight:700;display:flex;position:absolute;box-shadow:0 9px 25px #36385a12}.pattern-visual-tag span{color:#765ee9;font-size:15px}.tag-top{top:15px;right:-8px}.tag-bottom{bottom:13px;left:-20px}.pattern-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:23px 0 38px;display:grid}.pattern-stat-card{background:#fff;border:1px solid #eaebf3;border-radius:16px;align-items:center;gap:15px;padding:21px;display:flex}.pattern-stat-icon{border-radius:13px;flex:0 0 45px;place-items:center;width:45px;height:45px;font-size:21px;display:grid}.pattern-stat-icon.purple{color:#765ee5;background:#f0edff}.pattern-stat-icon.blue{color:#4f85e9;background:#eaf3ff}.pattern-stat-icon.orange{color:#db9142;background:#fff3e6}.pattern-stat-card p{color:#777d91;margin-bottom:6px;font-size:11px}.pattern-stat-card h2{color:#272a43;letter-spacing:-.7px;margin-bottom:5px;font-size:25px}.pattern-stat-card span{color:#969bad;font-size:10px}.pattern-stat-card h2.next-step-value{font-size:19px}.pattern-section{margin-bottom:39px}.pattern-section-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:19px;display:flex}.pattern-section-heading h2{color:#292c45;letter-spacing:-.7px;margin:8px 0 6px;font-size:23px}.pattern-section-heading p{color:#858a9d;font-size:12px;line-height:1.7}.pattern-count{color:#7058db;white-space:nowrap;background:#eeebff;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:700}.stage-list{gap:12px;display:grid}.stage-card{background:#fff;border:1px solid #e9eaf2;border-radius:15px;align-items:center;gap:18px;padding:20px 22px;transition:border-color .2s,box-shadow .2s;display:flex}.stage-card:hover,.question-card:hover{border-color:#d5cdfb;box-shadow:0 9px 24px #36385a0b}.stage-number{color:#7259df;background:#f0edff;border-radius:14px;flex:0 0 49px;place-items:center;width:49px;height:49px;font-size:14px;font-weight:800;display:grid}.stage-details{flex:1;min-width:0}.stage-label{color:#8b78de;letter-spacing:1px;font-size:9px;font-weight:800}.stage-details h3{color:#30334c;margin:6px 0;font-size:15px}.stage-details p{color:#858a9c;font-size:12px;line-height:1.7}.stage-arrow{color:#9c91dc;font-size:21px}.question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.question-card{background:#fff;border:1px solid #e9eaf2;border-radius:15px;padding:20px;transition:border-color .2s,box-shadow .2s}.question-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.question-index{color:#8b78de;letter-spacing:1px;font-size:9px;font-weight:800}.difficulty-badge{text-transform:capitalize;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.difficulty-badge.easy{color:#21845d;background:#e6f7ef}.difficulty-badge.medium{color:#b77a22;background:#fff3df}.difficulty-badge.hard{color:#c04c5d;background:#ffebef}.difficulty-badge.unspecified{color:#6f7487;background:#f0f1f6}.question-card h3{color:#30334b;margin-bottom:10px;font-size:15px}.question-text{color:#82879a;overflow-wrap:anywhere;min-height:42px;font-size:12px;line-height:1.8}.question-card-footer{color:#9a9eb0;border-top:1px solid #f0f0f5;justify-content:space-between;align-items:center;margin-top:19px;padding-top:13px;font-size:10px;display:flex}.question-arrow{color:#7660df;font-size:17px}.pattern-cta{background:linear-gradient(110deg,#eeebff,#edf4ff);border:1px solid #e6e4fa;border-radius:17px;justify-content:space-between;align-items:center;gap:25px;padding:28px 30px;display:flex}.pattern-cta h2{color:#2d304a;letter-spacing:-.5px;margin:8px 0;font-size:22px}.pattern-cta p{color:#777d93;max-width:600px;font-size:12px;line-height:1.8}.pattern-footer{color:#9a9eaf;border-top:1px solid #e7e8f0;justify-content:space-between;gap:15px;margin-top:29px;padding:20px 0 7px;font-size:10px;display:flex}.pattern-empty,.pattern-message{text-align:center;background:#fff;border:1px solid #e9eaf2;border-radius:15px;padding:35px 20px}.pattern-empty>span{color:#8069e6;font-size:28px}.pattern-empty h3,.pattern-message h3{color:#30334b;margin:12px 0 7px;font-size:15px}.pattern-empty p,.pattern-message p{color:#858a9c;font-size:12px;line-height:1.8}.pattern-error{border-color:#f0d8dc}.pattern-secondary-btn{color:#6653d1;cursor:pointer;background:#f8f7ff;border:1px solid #e4e0fa;border-radius:9px;margin-top:17px;padding:10px 14px;font-size:12px;font-weight:700}.pattern-loading{color:#343750;text-align:center;background:#f6f7fb;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.pattern-loading h2{font-size:18px}.pattern-loading p{color:#858a9c;font-size:13px}.loading-spinner{border:3px solid #e6e2fb;border-top-color:#7659eb;border-radius:50%;width:37px;height:37px;animation:.8s linear infinite pattern-spin}@keyframes pattern-spin{to{transform:rotate(360deg)}}@media (width<=850px){.pattern-content{padding-left:4%;padding-right:4%}.pattern-hero{padding:30px}.pattern-hero-visual{flex-basis:200px;transform:scale(.85)}.pattern-stats{gap:10px}.pattern-stat-card{gap:10px;padding:15px}.pattern-stat-icon{flex-basis:38px;width:38px;height:38px}}@media (width<=620px){.pattern-topbar{height:65px;padding:0 16px}.pattern-brand{gap:7px;font-size:15px}.pattern-brand-mark{width:30px;height:30px}.pattern-back{padding:9px;font-size:12px}.pattern-avatar{width:32px;height:32px}.pattern-content{padding:20px 16px}.pattern-hero{min-height:auto;padding:28px 22px}.pattern-hero-visual{display:none}.pattern-hero h1{letter-spacing:-1.2px;font-size:31px}.pattern-hero-copy>p{font-size:12px}.pattern-stats{grid-template-columns:1fr;margin:17px 0 30px}.pattern-stat-card{padding:16px}.pattern-section-heading{align-items:flex-start}.pattern-section-heading h2{font-size:20px}.pattern-count{font-size:9px}.stage-card{gap:12px;padding:16px 13px}.stage-number{flex-basis:40px;width:40px;height:40px}.stage-details h3{font-size:13px}.stage-details p{font-size:11px}.stage-arrow{display:none}.question-grid{grid-template-columns:1fr}.pattern-cta{flex-direction:column;align-items:flex-start;padding:23px}.pattern-cta h2{font-size:20px}.pattern-footer{flex-direction:column;font-size:9px}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}.pattern-primary-btn,.stage-card,.question-card{transition:none}}