: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%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#26343d;background:#f8fbfd;font-family:Arial,sans-serif}button,a{font-family:inherit}button{cursor:pointer}.navbar{z-index:100;background:#fff;border-bottom:1px solid #e7eef2;justify-content:space-between;align-items:center;height:78px;padding:0 7%;display:flex;position:sticky;top:0}.logo{color:#0b2f41;font-size:24px;font-weight:800}.nav-links{gap:32px;display:flex}.nav-links a{color:#53636d;font-size:14px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#315b70}.nav-button,.primary-btn{color:#fff;background:#315b70;border:none;border-radius:10px;padding:13px 22px;font-weight:600}.hero{justify-content:space-between;align-items:center;gap:70px;min-height:650px;padding:90px 7%;display:flex}.hero-content{max-width:600px}.hero-tag,.section-heading span{color:#5f91a8;letter-spacing:2px;font-size:12px;font-weight:700}.hero h1{color:#26343d;letter-spacing:-1px;margin:20px 0;font-size:56px;line-height:1.08}.hero h1 span{color:#5f91a8}.hero-content>p{color:#687780;max-width:560px;margin:0;font-size:17px;line-height:1.8}.hero-buttons{align-items:center;gap:18px;margin-top:32px;display:flex}.hero-buttons .secondary-btn{color:#315b70;border:1px solid #d5e4e9;border-radius:9px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hero-buttons .secondary-btn:hover{background:#f1f8fa;border-color:#c5dbe3;transform:translateY(-2px)}.hero-visual{width:45%;max-width:520px}.bridge-card{background:#fff;border:1px solid #e0eaef;border-radius:24px;align-items:center;gap:20px;padding:35px;display:flex;box-shadow:0 15px 40px #315b7014}.bridge-side{flex:1}.bridge-side small{color:#8a9aa3;letter-spacing:1px;font-size:10px}.bridge-side h3{margin:12px 0}.bridge-side p{color:#65747c;margin:8px 0}.bridge-icon{font-size:40px}.section{padding:100px 7%}.section-heading{text-align:center;max-width:680px;margin:0 auto 55px}.section-heading span{margin-bottom:2px;display:inline-block}.section-heading h2{color:#26343d;letter-spacing:-.5px;margin:15px 0;font-size:38px;line-height:1.2}.section-heading p{color:#71808a;max-width:560px;margin:0 auto;font-size:15px;line-height:1.7}.steps,.features{grid-template-columns:repeat(4,1fr);gap:22px;max-width:1150px;margin:auto;display:grid}.step-card,.feature-card{background:#fff;border:1px solid #e1ebef;border-radius:18px;min-height:220px;padding:28px 24px;transition:transform .25s,box-shadow .25s,border-color .25s}.step-card:hover,.feature-card:hover{border-color:#c8dfe7;transform:translateY(-5px);box-shadow:0 10px 25px #315b7012}.step-card>span{color:#9aabb3;letter-spacing:1px;font-size:12px;font-weight:700}.step-card>div,.feature-card>div{margin:22px 0 18px;font-size:28px}.step-card h3,.feature-card h3{color:#26343d;margin:0 0 10px;font-size:17px}.step-card p,.feature-card p{color:#71808a;margin:0;font-size:14px;line-height:1.7}.features-section{background:#eef5f8}.feature-card{border:1px solid #dfe9ed}.bridge-section{background:#fff;padding:110px 7%}.journey{align-items:center;gap:35px;max-width:1000px;margin:auto;display:flex}.journey-box{background:#f5f9fb;border:1px solid #dce8ed;border-radius:20px;flex:1;padding:30px;transition:transform .25s,box-shadow .25s,border-color .25s}.journey-box:hover{border-color:#c8dfe7;transform:translateY(-3px);box-shadow:0 10px 25px #315b700f}.journey-box small{color:#7b909b;letter-spacing:1.5px;font-size:10px}.journey-box h3{color:#26343d;margin:12px 0 20px}.journey-box p{color:#61727c;margin:10px 0}.journey-line{text-align:center;color:#5f91a8;font-weight:700}.journey-line span{letter-spacing:1px;font-size:10px}.journey-line div{margin-top:8px;font-size:35px}.cta{text-align:center;background:#dcecf2;border-radius:25px;margin:80px 7%;padding:80px 30px}.cta h2{color:#26343d;margin-bottom:15px;font-size:40px}.cta p{color:#687780;margin-bottom:28px}footer{color:#fff;text-align:center;background:#26343d;padding:40px 7%}footer .logo{color:#fff;margin-bottom:10px}footer p{color:#bdcbd1;margin-bottom:15px}footer span{color:#9eafb7;font-size:12px}@media (width<=900px){.nav-links{display:none}.hero{text-align:center;flex-direction:column}.hero-content{max-width:700px}.hero-buttons{justify-content:center}.hero-visual{width:100%;max-width:650px}.steps,.features{grid-template-columns:repeat(2,1fr)}.journey{flex-direction:column}.journey-line{transform:rotate(90deg)}}@media (width<=600px){.navbar{padding:0 5%}.nav-button{padding:10px 14px;font-size:12px}.hero{padding:65px 5%}.hero h1{font-size:40px}.hero-content>p{font-size:16px}.hero-buttons{flex-direction:column}.bridge-card{text-align:center;flex-direction:column}.steps,.features{grid-template-columns:1fr}.section{padding:75px 5%}.section-heading{margin-bottom:40px}.section-heading h2{font-size:30px}.section-heading p{font-size:14px}.cta{margin:50px 5%;padding:55px 20px}.cta h2{font-size:30px}}.career-page{background:#f8fbfd;min-height:100vh;padding:90px 7%}.career-header{text-align:center;max-width:650px;margin:0 auto 55px}.career-header span{color:#5f91a8;letter-spacing:2px;font-size:12px;font-weight:700}.career-header h1{color:#26343d;margin:18px 0;font-size:45px}.career-header p{color:#71808a;line-height:1.7}.career-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1050px;margin:auto;display:grid}.career-card{text-align:left;cursor:pointer;color:#26343d;background:#fff;border:1px solid #dce8ed;border-radius:20px;padding:28px;transition:all .3s}.career-card:hover{border-color:#8eb5c5;transform:translateY(-6px);box-shadow:0 15px 35px #315b7014}.career-icon{margin-bottom:20px;font-size:35px}.career-card h3{margin-bottom:10px;font-size:20px}.career-card p{color:#71808a;min-height:52px;line-height:1.6}.career-card span{color:#5f91a8;margin-top:20px;font-weight:700;display:block}@media (width<=800px){.career-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.career-page{padding:60px 5%}.career-header h1{font-size:34px}.career-grid{grid-template-columns:1fr}}.skills-page{background:#f8fbfd;min-height:100vh;padding:90px 7%}.skills-header{text-align:center;max-width:680px;margin:0 auto 50px}.skills-header span{color:#5f91a8;letter-spacing:2px;font-size:12px;font-weight:700}.skills-header h1{color:#26343d;margin:18px 0;font-size:45px}.skills-header p{color:#71808a;line-height:1.7}.skills-container{flex-direction:column;gap:15px;max-width:900px;margin:auto;display:flex}.skill-item{background:#fff;border:1px solid #dce8ed;border-radius:18px;justify-content:space-between;align-items:center;gap:25px;padding:22px 25px;display:flex}.skill-info h3{color:#26343d;margin-bottom:6px;font-size:18px}.skill-info p{color:#84929a;font-size:13px}.level-options{gap:8px;display:flex}.level-btn{color:#64757e;cursor:pointer;background:#fff;border:1px solid #d5e2e8;border-radius:8px;padding:9px 13px;font-size:12px;transition:all .2s}.level-btn:hover{border-color:#8eb5c5}.level-btn.active{color:#fff;background:#315b70;border-color:#315b70}.skills-footer{justify-content:space-between;align-items:center;max-width:900px;margin:35px auto 0;display:flex}.back-btn{color:#5f91a8;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}@media (width<=700px){.skills-page{padding:60px 5%}.skills-header h1{font-size:34px}.skill-item{flex-direction:column;align-items:flex-start}.level-options{width:100%}.level-btn{flex:1}.skills-footer{margin-top:25px}}.gap-page{background:#f8fbfd;min-height:100vh;padding:90px 7%}.gap-header{text-align:center;max-width:700px;margin:0 auto 45px}.gap-header>span{color:#5f91a8;letter-spacing:2px;font-size:12px;font-weight:700}.gap-header h1{color:#26343d;margin:18px 0;font-size:45px}.gap-header p{color:#71808a;line-height:1.7}.gap-header strong{color:#315b70}.readiness-card{background:#fff;border:1px solid #dce8ed;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;max-width:900px;margin:0 auto 25px;padding:30px;display:flex}.readiness-card small{color:#5f91a8;letter-spacing:1.5px;font-size:11px;font-weight:700}.readiness-card h2{color:#26343d;margin:8px 0;font-size:42px}.readiness-card p{color:#71808a;line-height:1.6}.progress-circle{color:#315b70;border:8px solid #dcecf2;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:20px;font-weight:800;display:flex}.gap-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:auto;display:grid}.gap-card{background:#fff;border:1px solid #dce8ed;border-radius:18px;padding:25px}.gap-card-header{align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.gap-icon{color:#315b70;background:#eef5f8;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.gap-card h3{margin-bottom:5px;font-size:17px}.gap-card-header p{color:#8a989f;font-size:12px;line-height:1.5}.skill-list{flex-direction:column;gap:9px;display:flex}.gap-skill{border-radius:9px;justify-content:space-between;align-items:center;padding:11px 13px;font-size:13px;display:flex}.gap-skill small{font-size:10px}.gap-skill.owned{color:#3c6951;background:#edf7f1}.gap-skill.improve{color:#796638;background:#faf5e9}.gap-skill.missing{color:#815656;background:#f8eeee}.empty-message{color:#8a989f;text-align:center;padding:15px 0;font-size:13px}.gap-recommendation{background:#dcecf2;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;max-width:900px;margin:30px auto 0;padding:35px;display:flex}.gap-recommendation>div{max-width:600px}.gap-recommendation>div>span{color:#5f91a8;letter-spacing:1.5px;font-size:11px;font-weight:700}.gap-recommendation h2{color:#26343d;margin:10px 0}.gap-recommendation p{color:#687780;line-height:1.6}@media (width<=800px){.gap-grid{grid-template-columns:1fr}.gap-recommendation{flex-direction:column;align-items:flex-start}}@media (width<=600px){.gap-page{padding:60px 5%}.gap-header h1{font-size:34px}.readiness-card{flex-direction:column;align-items:flex-start}.progress-circle{width:85px;height:85px}.gap-recommendation{padding:25px}}.roadmap-page{background:#f8fbfd;min-height:100vh;padding:90px 7%}.roadmap-header{text-align:center;max-width:700px;margin:0 auto 45px}.roadmap-header>span{color:#5f91a8;letter-spacing:2px;font-size:12px;font-weight:700}.roadmap-header h1{color:#26343d;margin:18px 0;font-size:45px}.roadmap-header p{color:#71808a;line-height:1.7}.roadmap-progress{background:#fff;border:1px solid #dce8ed;border-radius:18px;max-width:900px;margin:0 auto 40px;padding:25px}.progress-info{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.progress-info small{color:#5f91a8;letter-spacing:1.5px;font-size:10px;font-weight:700}.progress-info h2{color:#26343d;margin-top:6px;font-size:24px}.progress-info>span{color:#71808a;font-size:13px}.progress-bar{background:#e8f0f3;border-radius:20px;width:100%;height:9px;overflow:hidden}.progress-fill{background:#5f91a8;border-radius:20px;height:100%;transition:width .4s}.roadmap-container{max-width:900px;margin:auto;position:relative}.roadmap-container:before{content:"";background:#dce8ed;width:2px;position:absolute;top:25px;bottom:25px;left:25px}.roadmap-step{gap:22px;margin-bottom:20px;display:flex;position:relative}.step-number{color:#5f91a8;z-index:1;background:#fff;border:2px solid #cddfe6;border-radius:50%;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;font-weight:700;display:flex}.roadmap-content{background:#fff;border:1px solid #dce8ed;border-radius:18px;flex:1;padding:25px}.roadmap-step-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.roadmap-step-top small{color:#9aabb3;letter-spacing:1.5px;font-size:10px}.roadmap-step h3{color:#26343d;margin-top:7px;font-size:20px}.roadmap-content p{color:#71808a;margin:12px 0 18px;line-height:1.6}.step-button{color:#315b70;cursor:pointer;background:#fff;border:1px solid #315b70;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:600}.step-button:hover{color:#fff;background:#315b70}.completed .step-number{color:#fff;background:#315b70;border-color:#315b70}.completed .roadmap-content{border-color:#b9d3dd}.completed-button{color:#71808a;border-color:#ccd9de}.completed-label{color:#3c6951;background:#edf7f1;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.locked{opacity:.55}.locked-label{color:#7d898f;background:#f0f3f4;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.step-statuses{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.skill-status{color:#4f8299;background:#eaf4f8;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:700}.personalized-status{background:#f8fbfd;border-left:3px solid #b9d3dd;border-radius:8px;margin-top:18px;padding:14px 16px}.personalized-status>span{color:#315b70;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:700;display:inline-block}.personalized-status p{color:#71808a;margin:0;font-size:13px;line-height:1.6}.roadmap-cta{background:#dcecf2;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;max-width:900px;margin:45px auto 0;padding:35px;display:flex}.roadmap-cta>div{max-width:600px}.roadmap-cta>div>span{color:#5f91a8;letter-spacing:1.5px;font-size:11px;font-weight:700}.roadmap-cta h2{color:#26343d;margin:10px 0}.roadmap-cta p{color:#687780;line-height:1.6}@media (width<=700px){.roadmap-page{padding:60px 5%}.roadmap-header h1{font-size:34px}.progress-info{flex-direction:column;align-items:flex-start}.roadmap-step{gap:12px}.step-number{width:42px;min-width:42px;height:42px;font-size:13px}.roadmap-container:before{left:20px}.roadmap-step-top{flex-direction:column}.step-statuses{justify-content:flex-start}.roadmap-cta{flex-direction:column;align-items:flex-start}}.projects-page{background:#f8fbfd;min-height:100vh;padding:90px 7%}.projects-header{text-align:center;max-width:700px;margin:0 auto 50px}.projects-header>span{color:#5f91a8;letter-spacing:2px;font-size:12px;font-weight:700}.projects-header h1{color:#26343d;margin:18px 0;font-size:45px}.projects-header p{color:#71808a;line-height:1.7}.projects-header strong{color:#315b70}.projects-grid{grid-template-columns:repeat(2,1fr);gap:20px;max-width:1050px;margin:auto;display:grid}.project-card{background:#fff;border:1px solid #dce8ed;border-radius:20px;padding:28px;transition:all .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #315b7014}.project-number{color:#9aabb3;letter-spacing:1px;font-size:12px;font-weight:700}.project-icon{background:#eef5f8;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;margin:25px 0 20px;font-size:25px;display:flex}.project-card h3{color:#26343d;margin-bottom:10px;font-size:21px}.project-card>p{color:#71808a;font-size:14px;line-height:1.6}.project-footer{border-top:1px solid #edf1f3;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;padding-top:18px;display:flex}.project-footer span{color:#8a989f;font-size:11px}.project-footer button{color:#315b70;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.project-footer button:hover{color:#5f91a8}.projects-cta{background:#dcecf2;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;max-width:1050px;margin:45px auto 0;padding:35px;display:flex}.projects-cta>div{max-width:650px}.projects-cta>div>span{color:#5f91a8;letter-spacing:1.5px;font-size:11px;font-weight:700}.projects-cta h2{color:#26343d;margin:10px 0}.projects-cta p{color:#687780;line-height:1.6}@media (width<=700px){.projects-page{padding:60px 5%}.projects-header h1{font-size:34px}.projects-grid{grid-template-columns:1fr}.projects-cta{flex-direction:column;align-items:flex-start}}.dashboard-page{background:#f8fbfd;min-height:100vh;padding:55px 7% 80px}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:30px;max-width:1100px;margin:0 auto 35px;display:flex}.dashboard-header>div:first-child{max-width:720px}.dashboard-header>div:first-child>span{color:#5f91a8;letter-spacing:2px;font-size:11px;font-weight:700}.dashboard-header h1{color:#26343d;margin:12px 0;font-size:38px;line-height:1.2}.dashboard-header p{color:#71808a;margin:0;line-height:1.7}.dashboard-header-buttons{align-items:center;gap:10px;display:flex}.dashboard-career{background:#fff;border:1px solid #dce8ed;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;max-width:1100px;margin:0 auto 20px;padding:28px 30px;display:flex}.dashboard-career small{color:#5f91a8;letter-spacing:1.5px;font-size:10px;font-weight:700}.dashboard-career h2{color:#26343d;margin:8px 0;font-size:25px}.dashboard-career p{color:#71808a;margin:0;line-height:1.6}.career-status{text-align:center;background:#eef7fa;border-radius:14px;min-width:145px;padding:18px}.career-status span{color:#5f91a8;letter-spacing:1px;font-size:9px;font-weight:700;display:block}.career-status strong{color:#315b70;margin-top:5px;font-size:30px;display:block}.dashboard-stats{grid-template-columns:repeat(5,1fr);gap:12px;max-width:1100px;margin:0 auto 25px;display:grid}.dashboard-stat{background:#fff;border:1px solid #dce8ed;border-radius:15px;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s}.dashboard-stat:hover{border-color:#c4dce5;transform:translateY(-3px);box-shadow:0 8px 22px #315b7012}.dashboard-stat>span{color:#5f91a8;letter-spacing:1.2px;font-size:9px;font-weight:700}.dashboard-stat h2{color:#26343d;margin:8px 0 4px;font-size:25px}.dashboard-stat p{color:#87959d;margin:0;font-size:11px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:18px;max-width:1100px;margin:0 auto;display:grid}.dashboard-card{background:#fff;border:1px solid #dce8ed;border-radius:18px;padding:25px;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #315b700f}.dashboard-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.dashboard-card-header span{color:#5f91a8;letter-spacing:1.4px;font-size:9px;font-weight:700}.dashboard-card-header h3{color:#26343d;margin-top:6px;font-size:19px}.dashboard-card-header button{color:#315b70;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:700}.dashboard-progress{margin-bottom:25px}.dashboard-progress-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.dashboard-progress-top span{color:#71808a;font-size:11px}.dashboard-progress-top strong{color:#315b70;font-size:12px}.dashboard-progress .progress-bar{background:#e8f0f3;border-radius:20px;height:8px;overflow:hidden}.dashboard-progress .progress-fill{background:#5f91a8;border-radius:20px;height:100%;transition:width .5s}.next-step{background:#f8fbfd;border-left:3px solid #b9d3dd;border-radius:8px;padding:15px}.next-step small{color:#5f91a8;letter-spacing:1.2px;font-size:9px;font-weight:700}.next-step h4{color:#34444d;margin-top:7px;font-size:14px}.dashboard-skills{flex-direction:column;gap:9px;display:flex}.dashboard-skill{background:#f8fbfd;border:1px solid #e5eef1;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:11px 13px;display:flex}.dashboard-skill span{color:#34444d;font-size:12px;font-weight:600}.dashboard-skill small{color:#71808a;font-size:10px}.dashboard-project-list{flex-direction:column;gap:10px;display:flex}.dashboard-project{background:#f8fbfd;border:1px solid #e5eef1;border-radius:10px;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.dashboard-project>span{color:#9aabb3;font-size:10px;font-weight:700}.dashboard-project p{color:#34444d;margin:0;font-size:12px;font-weight:600}.dashboard-project small{color:#71808a;font-size:9px}.dashboard-card.xp-card{background:#dcecf2;border-color:#c7dfe7}.xp-card>span{color:#5f91a8;letter-spacing:1.5px;font-size:10px;font-weight:700}.xp-card h3{color:#26343d;margin:9px 0;font-size:23px}.xp-card p{color:#687780;max-width:500px;margin:0 0 20px;font-size:13px;line-height:1.7}.xp-card p strong{color:#315b70}.xp-progress{background:#ffffffb3;border-radius:20px;width:100%;height:8px;margin-bottom:9px;overflow:hidden}.xp-progress>div{background:#315b70;border-radius:20px;height:100%;transition:width .5s}.xp-card>small{color:#687780;font-size:10px}@media (width<=900px){.dashboard-stats{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-page{padding:45px 5% 60px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header h1{font-size:31px}.dashboard-header-buttons{width:100%}.dashboard-header-buttons button{flex:1}.dashboard-career{flex-direction:column;align-items:flex-start}.career-status{width:100%}.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.dashboard-stats{grid-template-columns:1fr}.dashboard-card{padding:20px}.dashboard-project{grid-template-columns:30px 1fr}.dashboard-project small{grid-column:2}}.profile-page{background:#f8fbfd;min-height:100vh;padding:90px 7%}.profile-header{text-align:center;max-width:750px;margin:0 auto 45px}.profile-header>span{color:#5f91a8;letter-spacing:2px;font-size:12px;font-weight:700}.profile-header h1{color:#26343d;margin:18px 0;font-size:45px}.profile-header p{color:#71808a;line-height:1.7}.profile-career-card{background:#fff;border:1px solid #dce8ed;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;max-width:900px;margin:0 auto 25px;padding:30px;display:flex}.profile-career-card small{color:#5f91a8;letter-spacing:1.5px;font-size:10px;font-weight:700}.profile-career-card h2{color:#26343d;margin:8px 0;font-size:27px}.profile-career-card p{color:#71808a;margin:0;line-height:1.6}.profile-level{text-align:center;background:#eef7fa;border-radius:14px;min-width:110px;padding:18px}.profile-level span{color:#5f91a8;letter-spacing:1px;font-size:10px;font-weight:700;display:block}.profile-level strong{color:#315b70;margin:5px 0;font-size:30px;display:block}.profile-level small{color:#71808a;font-size:11px}.profile-stats{grid-template-columns:repeat(4,1fr);gap:15px;max-width:900px;margin:0 auto 45px;display:grid}.profile-stat{background:#fff;border:1px solid #dce8ed;border-radius:15px;padding:22px}.profile-stat small{color:#5f91a8;letter-spacing:1.2px;font-size:9px;font-weight:700}.profile-stat h3{color:#26343d;margin:9px 0 4px;font-size:25px}.profile-stat p{color:#87959d;margin:0;font-size:12px}.profile-section{background:#fff;border:1px solid #dce8ed;border-radius:18px;max-width:900px;margin:0 auto 35px;padding:30px}.profile-section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.profile-section-header span{color:#5f91a8;letter-spacing:1.5px;font-size:10px;font-weight:700}.profile-section-header h2{color:#26343d;margin-top:7px;font-size:23px}.profile-section-header .secondary-btn{white-space:nowrap}.profile-skills{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.profile-skill{background:#f8fbfd;border:1px solid #e1ebef;border-radius:12px;padding:16px 18px}.profile-skill>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.profile-skill h3{color:#34444d;margin:0;font-size:14px}.profile-skill-level{white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:9px;font-weight:700}.profile-skill-level.advanced{color:#3c6951;background:#e4f3eb}.profile-skill-level.intermediate{color:#4f8299;background:#eaf4f8}.profile-skill-level.beginner{color:#907451;background:#f5f0e8}.profile-skill-level.not-started{color:#7d898f;background:#f0f3f4}.profile-roadmap{flex-direction:column;gap:10px;display:flex}.profile-roadmap-step{background:#f8fbfd;border:1px solid #e1ebef;border-radius:12px;align-items:center;gap:15px;padding:15px;display:flex}.profile-roadmap-number{color:#5f91a8;background:#fff;border:1px solid #cddfe6;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.profile-roadmap-step h3{color:#34444d;margin:0 0 4px;font-size:14px}.profile-roadmap-step p{color:#87959d;margin:0;font-size:11px}.profile-roadmap-step.completed{background:#f3fafb;border-color:#c7dfe5}.profile-roadmap-step.completed .profile-roadmap-number{color:#fff;background:#315b70;border-color:#315b70}.profile-projects{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.profile-project{background:#f8fbfd;border:1px solid #e1ebef;border-radius:12px;align-items:center;gap:14px;padding:17px;display:flex}.project-status{color:#87959d;background:#fff;border:1px solid #dce8ed;border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.profile-project h3{color:#34444d;margin:0 0 4px;font-size:14px}.profile-project p{color:#87959d;margin:0;font-size:11px}.profile-project.completed{border-color:#c7dfe5}.profile-project.completed .project-status{color:#fff;background:#315b70;border-color:#315b70}.profile-project.in-progress .project-status{color:#4f8299;background:#eaf4f8;border-color:#c9dfe7}.profile-achievements{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.achievement-card{border:1px solid #e1ebef;border-radius:12px;align-items:flex-start;gap:15px;padding:18px;display:flex}.achievement-card.unlocked{background:#f4fafb;border-color:#c9dfe7}.achievement-card.locked{opacity:.65;background:#f8f9fa}.achievement-icon{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:18px;display:flex}.achievement-card h3{color:#34444d;margin:0 0 5px;font-size:14px}.achievement-card p{color:#87959d;margin:0 0 7px;font-size:11px;line-height:1.5}.achievement-card span{color:#5f91a8;letter-spacing:.5px;font-size:9px;font-weight:700}.career-tracks{flex-direction:column;gap:10px;display:flex}.career-track{background:#f8fbfd;border:1px solid #e1ebef;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:18px;display:flex}.career-track.current{background:#eef7fa;border-color:#c5dce5}.career-track h3{color:#34444d;margin:0 0 5px;font-size:14px}.career-track p{color:#87959d;margin:0;font-size:11px}.career-track.current h3{color:#315b70}@media (width<=800px){.profile-page{padding:60px 5%}.profile-header h1{font-size:34px}.profile-career-card{flex-direction:column;align-items:flex-start}.profile-level{width:100%}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-skills,.profile-projects,.profile-achievements{grid-template-columns:1fr}.profile-section-header{flex-direction:column;align-items:flex-start}.profile-section-header .secondary-btn{width:100%}.career-track{flex-direction:column;align-items:flex-start}.career-track .secondary-btn{width:100%}}@media (width<=500px){.profile-stats{grid-template-columns:1fr}.profile-section,.profile-career-card{padding:20px}.profile-header h1{font-size:29px}.profile-skill>div{flex-direction:column;align-items:flex-start}}.app-navbar{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-bottom:1px solid #dce8ed;justify-content:space-between;align-items:center;height:70px;padding:0 7%;display:flex;position:sticky;top:0}.app-navbar-logo{color:#26343d;cursor:pointer;font-size:21px;font-weight:700}.app-navbar-links{align-items:center;gap:8px;display:flex}.app-navbar-links button{color:#71808a;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:600;transition:all .2s}.app-navbar-links button:hover{color:#315b70;background:#eef7fa}.app-navbar-links button.active{color:#fff;background:#315b70}@media (width<=700px){.app-navbar{flex-direction:column;gap:10px;height:auto;min-height:65px;padding:12px 5%}.app-navbar-links{flex-wrap:wrap;justify-content:center;width:100%}.app-navbar-links button{padding:7px 10px;font-size:11px}}.reset-track-btn{color:#8a6262;cursor:pointer;background:#fff;border:1px solid #d9caca;border-radius:10px;width:100%;margin-top:15px;padding:12px 18px;font-size:12px;font-weight:600;transition:all .2s}.reset-track-btn:hover{background:#f8eeee;border-color:#c9aaaa}.profile-page,.dashboard-page,.roadmap-page,.skills-page,.gap-page,.projects-page{animation:.6s both pageFadeIn}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-section,.dashboard-card,.dashboard-career,.dashboard-stat,.roadmap-step,.skills-container,.gap-card,.project-card{animation:.5s both cardFadeIn}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.primary-btn,.secondary-btn,.step-button,.nav-button{transition:transform .2s,box-shadow .2s,background .2s}.primary-btn:hover,.secondary-btn:hover,.step-button:hover,.nav-button:hover{transform:translateY(-2px)}.profile-career-card,.profile-section,.dashboard-career,.dashboard-card,.dashboard-stat,.roadmap-progress,.roadmap-content,.skill-item,.feature-card,.step-card{transition:transform .25s,box-shadow .25s,border-color .25s}.roadmap-step:not(.locked):hover .roadmap-content{transform:translateY(-2px);box-shadow:0 8px 22px #315b700f}.profile-career-card:hover,.profile-section:hover{border-color:#c7dfe7}.dashboard-stat:hover{transform:translateY(-3px)}.career-track{transition:transform .2s,border-color .2s,background .2s}.career-track:hover{border-color:#c4dce5;transform:translate(3px)}.skill-item:hover{border-color:#c7dfe7;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard-empty-state{text-align:center;background:#f8fbfc;border:1px solid #dce8ed;border-radius:18px;margin:28px 0;padding:45px 30px;animation:.5s both cardFadeIn}.empty-icon{background:#eef7fa;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 18px;font-size:27px;display:flex}.dashboard-empty-state>span{color:#6d8793;letter-spacing:1.5px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.dashboard-empty-state h2{color:#26343d;margin:0 0 12px;font-size:27px}.dashboard-empty-state p{color:#71808a;max-width:600px;margin:0 auto 24px;font-size:14px;line-height:1.7}@media (width<=600px){.dashboard-empty-state{margin:20px 0;padding:35px 20px}.dashboard-empty-state h2{font-size:22px}.dashboard-empty-state p{font-size:13px}}.learning-resources{background:#f4f8fa;border:1px solid #dce8ed;border-radius:14px;margin-top:22px;padding:18px}.resources-title{align-items:center;gap:8px;margin-bottom:14px;display:flex}.resources-title span{font-size:18px}.resources-title h4{color:#26343d;margin:0;font-size:15px}.resources-list{flex-wrap:wrap;gap:10px;display:flex}.resource-card{background:#fff;border:1px solid #dce8ed;border-radius:10px;align-items:center;gap:9px;padding:11px 14px;text-decoration:none;transition:all .2s;display:flex}.resource-card:hover{border-color:#5f91a8;transform:translateY(-2px)}.resource-type{color:#5f91a8;text-transform:uppercase;font-size:11px;font-weight:600}.resource-name{color:#26343d;font-size:13px;font-weight:600}.resource-arrow{color:#315b70;font-size:15px}