body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1111116b;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{background:#fff;border:1px solid #dcdcdc;border-radius:10px;box-shadow:0 20px 50px #00000029;max-height:90vh;max-width:460px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;margin:0;padding:22px 22px 18px}.modal-title{color:#202020;font-size:20px;font-weight:620;letter-spacing:-.02em;margin:0}.modal-close{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;color:#777;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;width:30px}.modal-close:hover{background:#f5f5f5;border-color:#aaa;color:#171717}.modal-body{padding:22px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px;font-weight:700}.form-group input{background:#fff;border:1px solid #e7ebf2;border-radius:12px;color:#1f2937;font-size:15px;padding:12px 16px;transition:all .2s}.form-group input:focus{border-color:#5b8cff;box-shadow:0 0 0 3px #5b8cff1a;outline:none}.form-group input.error{border-color:#ef4444}.form-group input::placeholder{color:#9ca3af}.error-message{color:#dc2626;font-size:13px;margin-top:4px}.password-hint{color:#6b7280;font-size:12px;margin-top:4px}.checkbox-group{align-items:center;flex-direction:row;gap:10px}.checkbox-group input[type=checkbox]{height:18px;margin:0;width:18px}.checkbox-group label{color:#6b7280;font-size:14px;line-height:1.4}.terms-link{color:#3d6df6;font-weight:600;text-decoration:none}.terms-link:hover{text-decoration:underline}.form-options{justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:8px}.remember-me label{color:#6b7280;cursor:pointer;font-size:14px}.forgot-password{background:#0000;border:none;color:#3d6df6;cursor:pointer;font-size:14px;padding:0}.forgot-password:hover{text-decoration:underline}.auth-submit-btn{background:#3d6df6;border:none;border-radius:8px;color:#f7f8fc;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s}.auth-submit-btn:hover{background:#2b52c9;box-shadow:0 4px 12px #3d6df64d;transform:translateY(-2px)}.auth-divider{align-items:center;display:flex;margin:10px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e7ebf2;content:"";flex:1 1}.auth-divider span{color:#6b7280;font-size:14px;font-weight:500;padding:0 15px}.social-auth{display:flex;flex-direction:column;gap:12px}.social-btn{align-items:center;background:#0000;border:1px solid #e7ebf2;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:14px;transition:all .3s}.social-btn:hover{background:#3d6df60d;border-color:#3d6df6;transform:translateY(-2px)}.google-btn{color:#4285f4}.github-btn{background:#333;border-color:#333;color:#fff}.github-btn:hover{background:#444;border-color:#444}.auth-switch{color:#6b7280;font-size:14px;margin-top:10px;text-align:center}.switch-link{background:#0000;border:none;color:#3d6df6;cursor:pointer;font-weight:600;padding:0}.switch-link:hover{text-decoration:underline}.auth-form input,.auth-form textarea,.form-group input{background:#fff;border:1px solid #d8d8d8;border-radius:5px;box-shadow:none}.auth-form input:focus,.form-group input:focus{border-color:#555;box-shadow:none;outline:none}.auth-button,.auth-submit,.login-button,.register-button{background:#171717;border:1px solid #171717;border-radius:5px;box-shadow:none;color:#fff}.auth-button:hover,.auth-submit:hover,.login-button:hover,.register-button:hover{background:#303030;box-shadow:none;transform:none}.footer{background:#fff;border-top:1px solid #e5e5e5;color:#262626;margin:0;padding:58px 0 26px}.footer-container{margin:0 auto;padding:0;width:min(1040px,calc(100% - 40px))}.footer-main{grid-gap:80px;display:grid;gap:80px;grid-template-columns:1fr 1.45fr;padding-bottom:48px}.footer-brand{display:block}.footer-logo{color:#171717;display:inline-block;font-size:19px;font-weight:700;letter-spacing:-.035em;margin-bottom:14px;text-decoration:none}.footer-brand p{color:#777;font-size:12px;line-height:1.6;margin:0;max-width:300px}.footer-nav{grid-gap:36px;display:grid;gap:36px;grid-template-columns:repeat(3,1fr)}.footer-nav div{grid-gap:10px;align-content:start;display:grid;gap:10px}.footer-nav span{color:#999;font-size:9px;font-weight:700;letter-spacing:.07em;margin-bottom:4px;text-transform:uppercase}.footer-nav a{color:#555;font-size:11px;text-decoration:none}.footer-nav a:hover{color:#171717}.footer-bottom{border-top:1px solid #e9e9e9;color:#999;display:flex;font-size:10px;justify-content:space-between;padding-top:22px}@media (max-width:680px){.footer-container{width:calc(100% - 28px)}.footer-main{gap:38px;grid-template-columns:1fr}.footer-nav{gap:20px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:7px}}.minimal-home{background:#f7f8fa;color:#111827;min-height:calc(100vh - 74px)}.minimal-home-intro{padding:72px 0 78px}.minimal-home-shell{grid-gap:88px;align-items:center;display:grid;gap:88px;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);margin:0 auto;width:min(1120px,calc(100% - 48px))}.minimal-home-label{color:#315de0;display:inline-block;font-size:11px;font-weight:750;letter-spacing:.1em;margin-bottom:25px;text-transform:uppercase}.minimal-home-copy h1{font-size:clamp(52px,5.3vw,74px);font-weight:700;letter-spacing:-.06em;line-height:1;margin:0 0 24px;max-width:650px}.minimal-home-copy>p{color:#5f6b7d;font-size:17px;line-height:1.65;margin:0 0 32px;max-width:540px}.minimal-home-actions{display:flex;flex-wrap:wrap;gap:10px}.minimal-home-actions button,.minimal-home-route button{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;min-height:50px;padding:0 20px;transition:transform .15s,background .15s}.minimal-home-primary{background:#315de0;border:1px solid #315de0;color:#fff}.minimal-home-secondary{background:#fff;border:1px solid #d7dce5;color:#222b3a}.minimal-home-actions button:hover,.minimal-home-route button:hover{transform:translateY(-1px)}.minimal-home-primary:hover{background:#264fc9}.minimal-home-actions svg,.minimal-home-route svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;width:16px}.minimal-home-notes{color:#5d6878;display:flex;font-size:12px;gap:19px;margin-top:24px}.minimal-home-notes span{align-items:center;display:flex;gap:6px}.minimal-home-notes svg{fill:none;stroke:#168154;stroke-width:2.2;width:13px}.minimal-home-route{background:#fff;border:1px solid #d8dde7;border-radius:14px;box-shadow:0 25px 60px #19233b1a;padding:30px}.minimal-home-route-label{color:#315de0;font-size:11px;font-weight:750;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.minimal-home-route-step{grid-gap:14px;border-bottom:1px solid #e5e8ee;display:grid;gap:14px;grid-template-columns:38px 1fr;padding:20px 0}.minimal-home-route-step>span{color:#8a94a3;font:11px Consolas,monospace}.minimal-home-route-step strong{color:#1f2937;display:block;font-size:14px;margin-bottom:5px}.minimal-home-route-step p{color:#647084;font-size:12px;line-height:1.55;margin:0}.minimal-home-route button{background:#315de0;border:1px solid #315de0;color:#fff;margin-top:22px;width:100%}.home-capabilities{background:#fff;border-top:1px solid #e5e7eb;width:100%}.home-capabilities-shell{margin:0 auto;padding:88px 0 82px;width:min(1040px,calc(100% - 40px))}.home-capabilities-head{grid-gap:32px;align-items:end;display:grid;gap:32px;grid-template-columns:180px 1fr;margin-bottom:38px}.home-capabilities-head>p{color:#687384;font-size:11px;font-weight:650;letter-spacing:.08em;margin:0 0 7px;text-transform:uppercase}.home-capabilities-head h2{color:#171717;font-size:clamp(34px,4vw,46px);font-weight:650;letter-spacing:-.045em;line-height:1.08;margin:0}.home-capabilities-list{border-top:1px solid #dedede}.home-capabilities-list article{grid-gap:24px;align-items:baseline;border-bottom:1px solid #e5e5e5;display:grid;gap:24px;grid-template-columns:60px minmax(190px,.65fr) minmax(280px,1.35fr);padding:27px 4px}.home-capabilities-list article>span{color:#767f8c;font:11px Consolas,monospace}.home-capabilities-list h3{color:#1c1c1c;font-size:17px;font-weight:620;letter-spacing:-.015em;margin:0}.home-capabilities-list p{color:#596576;font-size:13px;line-height:1.65;margin:0;max-width:510px}.home-capabilities-footer{align-items:center;display:flex;justify-content:space-between;padding-top:28px}.home-capabilities-footer p{color:#657080;font-size:12px;margin:0}.home-capabilities-footer button{align-items:center;background:#0000;border:0;color:#171717;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:9px;padding:0}.home-capabilities-footer button:hover{text-decoration:underline}.home-capabilities-footer svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;width:15px}.home-course-preview{background:#f4f6fa;border-top:1px solid #e1e5ec;padding:82px 0 88px}.home-course-preview-shell{margin:0 auto;width:min(1040px,calc(100% - 40px))}.home-course-preview-heading{margin-bottom:34px;max-width:680px}.home-course-preview-heading>p{color:#315de0;font-size:11px;font-weight:750;letter-spacing:.1em;margin:0 0 16px;text-transform:uppercase}.home-course-preview-heading h2{color:#111827;font-size:clamp(34px,4vw,48px);font-weight:680;letter-spacing:-.045em;line-height:1.08;margin:0 0 16px}.home-course-preview-heading>span{color:#647084;font-size:14px;line-height:1.65}.home-course-preview-cards{background:#fff;border:1px solid #d9dfe8;border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.home-course-preview-cards article{border-right:1px solid #dfe4eb;min-height:158px;padding:28px 24px}.home-course-preview-cards article:last-child{border-right:0}.home-course-preview-cards article>span{color:#8590a1;font:10px Consolas,monospace}.home-course-preview-cards h3{color:#171717;font-size:15px;font-weight:700;margin:19px 0 10px}.home-course-preview-cards p{color:#627084;font-size:12px;line-height:1.65;margin:0}@media (max-width:900px){.minimal-home-shell{gap:42px;grid-template-columns:1fr}.minimal-home-copy{max-width:700px}.minimal-home-route{max-width:660px}}@media (max-width:700px){.minimal-home-intro{padding:50px 0 64px}.home-capabilities-shell,.minimal-home-shell{width:calc(100% - 28px)}.minimal-home-copy h1{font-size:40px}.minimal-home-actions{display:grid}.minimal-home-actions button{width:100%}.minimal-home-notes{align-items:flex-start;flex-direction:column;gap:8px}.minimal-home-route{padding:24px 20px}.home-capabilities-shell{padding:64px 0}.home-capabilities-head{gap:10px;grid-template-columns:1fr}.home-capabilities-list article{gap:9px 14px;grid-template-columns:32px 1fr}.home-capabilities-list p{grid-column:2}.home-capabilities-footer{align-items:flex-start;flex-direction:column;gap:15px}.home-course-preview{padding:62px 0 68px}.home-course-preview-shell{width:calc(100% - 28px)}.home-course-preview-cards{grid-template-columns:1fr}.home-course-preview-cards article{border-bottom:1px solid #dfe4eb;border-right:0;min-height:0}.home-course-preview-cards article:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){.minimal-home-actions button,.minimal-home-route button{transition:none}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f8fc;--surface:#fff;--surface-muted:#f4f6fb;--border:#e7ebf2;--text:#1f2937;--text-muted:#6b7280;--accent:#5b8cff;--accent-strong:#3d6df6;--accent-soft:#e8f0ff;--shadow:0 10px 30px #0f172a14;--ai-accent:#6d28d9;--ai-accent-soft:#f3edff}body{background:linear-gradient(180deg,#f9fbff,#f3f6fb);color:#1f2937;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.app{background:#0000;min-height:100vh}.content{display:flex;flex-direction:column;gap:24px;margin-top:30px;padding-bottom:40px}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-bottom:1px solid #e7ebf2;border-bottom:1px solid var(--border);box-shadow:0 1px 0 #0f172a08;padding:20px 0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{color:#3d6df6;color:var(--accent-strong);font-size:24px;text-decoration:none}.nav{display:flex;gap:30px}.nav a{color:#6b7280;color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.nav a:focus,.nav a:hover{color:#3d6df6;color:var(--accent-strong)}.header-actions{display:flex;gap:12px}.btn-login,.btn-signup{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px}.btn-login{background:#0000;border:1px solid #e7ebf2!important;border:1px solid var(--border)!important;color:#1f2937;color:var(--text)}.btn-signup{background:linear-gradient(135deg,#5b8cff,#3d6df6);background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);box-shadow:0 8px 20px #3d6df62e;font-weight:600}.hero{padding:100px 0 70px;text-align:center}.hero-inner{margin:0 auto;max-width:1200px;padding:0 20px}.hero-eyebrow{align-items:center;background:#e8f0ff;background:var(--accent-soft);border:1px solid #3d6df626;border-radius:999px;color:#3d6df6;color:var(--accent-strong);display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.02em;margin-bottom:28px;padding:6px 14px}.hero-title{color:#0f172a;font-size:64px;font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0 auto 22px;max-width:780px}.hero-subtitle{color:#6b7280;color:var(--text-muted);font-size:19px;line-height:1.6;margin:0 auto 36px;max-width:600px}.hero-buttons{display:flex;gap:14px;justify-content:center;margin-bottom:72px}.btn-browse-paths,.btn-watch-demo{border:none;border-radius:10px;cursor:pointer;font-size:15.5px;font-weight:700;padding:14px 28px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.btn-watch-demo{background:#3d6df6;background:var(--accent-strong);box-shadow:0 10px 24px #3d6df640;color:#fff}.btn-watch-demo:hover{background:#3560e0;box-shadow:0 14px 28px #3d6df652;transform:translateY(-2px)}.btn-browse-paths{background:#0000;border:1px solid #e7ebf2!important;border:1px solid var(--border)!important;color:#1f2937;color:var(--text)}.btn-browse-paths:hover{border-color:#5b8cff!important;border-color:var(--accent)!important;color:#3d6df6;color:var(--accent-strong)}.hero-showcase{margin:0 auto;max-width:1040px}.showcase-window{animation:fadeIn .7s ease forwards;background:#fff;border:1px solid #e7ebf2;border:1px solid var(--border);border-radius:16px;box-shadow:0 40px 90px -24px #0f172a47,0 10px 30px #0f172a12;overflow:hidden;text-align:left}.showcase-titlebar{align-items:center;background:#f4f6fb;border-bottom:1px solid #e7ebf2;border-bottom:1px solid var(--border);display:flex;gap:7px;padding:12px 16px}.showcase-dot{border-radius:50%;height:10px;width:10px}.showcase-dot-red{background:#ff5f56}.showcase-dot-yellow{background:#ffbd2e}.showcase-dot-green{background:#27c93f}.showcase-filename{color:#6b7280;color:var(--text-muted);font-size:12.5px;margin-left:10px}.showcase-body{display:flex;min-height:360px}.showcase-editor{background:#1e1e1e;flex:1 1 60%;overflow:auto;padding:20px 0}.showcase-lines{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13.5px;line-height:1.7}.showcase-line{display:flex;padding:0 20px}.showcase-lineno{color:#5a5a5a;flex-shrink:0;margin-right:16px;text-align:right;-webkit-user-select:none;user-select:none;width:22px}.showcase-code{color:#d4d4d4;white-space:pre}.tok-kw{color:#569cd6}.tok-fn{color:#dcdcaa}.tok-str{color:#ce9178}.tok-num{color:#b5cea8}.tok-cm{color:#6a9955}.showcase-ai{background:#fafbff;border-left:1px solid #e7ebf2;border-left:1px solid var(--border);display:flex;flex:1 1 40%;flex-direction:column;gap:16px;padding:20px}.showcase-ai-header{align-items:center;color:#0f172a;display:flex;font-size:14px;font-weight:700;gap:8px}.showcase-ai-dot{background:#6d28d9;background:var(--ai-accent);border-radius:50%;box-shadow:0 0 0 3px #f3edff;box-shadow:0 0 0 3px var(--ai-accent-soft);height:8px;width:8px}.showcase-ai-bubble{background:#f3edff;background:var(--ai-accent-soft);border:1px solid #e4d6fb;border-radius:12px;color:#3b2a63;font-size:13.5px;line-height:1.55;padding:14px 16px}.showcase-ai-bubble code{background:#fff9;border-radius:5px;font-size:12.5px;padding:1px 5px}.showcase-ai-progress{margin-top:auto}.showcase-ai-progress-label{color:#6b7280;color:var(--text-muted);display:block;font-size:12px;margin-bottom:6px}.showcase-ai-track{background:#eef1f6;border-radius:999px;height:6px}.showcase-ai-fill{background:linear-gradient(90deg,#5b8cff,#6d28d9);background:linear-gradient(90deg,var(--accent) 0,var(--ai-accent) 100%);border-radius:999px;height:100%}.hero-stats{color:#6b7280;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin-top:40px}.hero-stats span:not(:last-child):after{color:#c7cedb;content:"·";margin-left:10px}.recent-navigation{border-bottom:1px solid #e7ebf2;border-bottom:1px solid var(--border);margin:24px 0 18px;padding-bottom:14px}.recent-tabs{align-items:center;display:flex;gap:30px}.recent-label{color:#1f2937;color:var(--text)}.recent-label,.recent-tab{font-size:14px;font-weight:600}.recent-tab{background:none;border:none;color:#6b7280;color:var(--text-muted);cursor:pointer;padding:8px 0;position:relative}.recent-tab.active,.recent-tab:hover{color:#3d6df6;color:var(--accent-strong)}.recent-tab.active{font-weight:700}.recent-tab.active:after{background:linear-gradient(90deg,#5b8cff,#3d6df6);background:linear-gradient(90deg,var(--accent) 0,var(--accent-strong) 100%);border-radius:999px;bottom:-14px;content:"";height:2px;left:0;position:absolute;right:0}.filter-section{margin:20px 0}.filter-content{align-items:center;background:#fff;background:var(--surface);border:1px solid #e7ebf2;border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 30px #0f172a14;box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:16px 18px}.filter-icons{display:flex;gap:12px}.filter-icon,.grid-icon{align-items:center;background:#f4f6fb;background:var(--surface-muted);border:1px solid #e7ebf2;border:1px solid var(--border);border-radius:10px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px}.filter-icon:hover,.grid-icon:hover{background:#e8f0ff;background:var(--accent-soft);color:#3d6df6;color:var(--accent-strong)}.course-card{background:#fff;background:var(--surface);border-radius:18px;box-shadow:0 10px 30px #0f172a14;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.course-card:hover{box-shadow:0 16px 34px #0f172a1f;transform:translateY(-4px)}.course-header{margin-bottom:16px}.course-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.course-title{flex:1 1;font-size:24px}.category-badge{background:linear-gradient(135deg,#e8f0ff,#f7faff);background:linear-gradient(135deg,var(--accent-soft) 0,#f7faff 100%);border-radius:999px;color:#3d6df6;color:var(--accent-strong);font-size:12px;font-weight:700;letter-spacing:.06em;padding:6px 12px;text-transform:uppercase}.course-meta{color:#6b7280;color:var(--text-muted);display:flex;font-size:14px;gap:20px}.course-card-meta-item{align-items:center;display:flex}.course-card-meta-item:not(:last-child):after{content:"•";margin-left:20px;opacity:.5}.course-description{color:#1f2937;color:var(--text);font-size:15px}.course-details{background:#f4f6fb;background:var(--surface-muted);border-left:3px solid #3d6df6;border-left:3px solid var(--accent-strong);border-radius:8px;margin-top:20px;padding:20px}.detail-text{color:#6b7280;color:var(--text-muted);font-size:14px;font-style:italic;line-height:1.5;margin:8px 0}.path-card{background:#fff;background:var(--surface);border:1px solid #e7ebf2;border:1px solid var(--border);border-left:4px solid #4caf50;border-radius:12px;margin:20px 0;padding:25px;transition:transform .3s,box-shadow .3s}.path-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.card-header{margin-bottom:16px}.card-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.card-title{color:#1f2937;color:var(--text);flex:1 1;font-size:24px;font-weight:600;margin:0}.path-badge{background-color:#4caf501a;border-radius:20px;color:#4caf50;font-size:12px;font-weight:600;letter-spacing:1px;padding:6px 15px;text-transform:uppercase;white-space:nowrap}.card-meta{color:#6b7280;color:var(--text-muted);display:flex;font-size:14px;gap:16px}.path-card-meta-item{align-items:center;display:flex;gap:5px}.path-card-meta-item:not(:last-child):after{content:"•";margin-left:16px;opacity:.5}.card-description{color:#1f2937;color:var(--text);font-size:15px;line-height:1.6}.courses-page{background-color:#f7f8fc;background-color:var(--bg);min-height:100vh;padding:40px 0 80px}.page-header{margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.page-title{color:#1f2937;color:var(--text);font-size:48px;font-weight:700;margin-bottom:20px}.page-subtitle{font-size:18px}.courses-filters{margin-bottom:40px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{font-size:24px;font-weight:600}.filter-tab{font-size:14px;padding:8px 20px;transition:all .3s}.filter-tab.active{background:#3d6df6;background:var(--accent-strong);color:#f7f8fc;color:var(--bg)}.filter-bar{background:#fff;background:var(--surface);border:1px solid #e7ebf2;border:1px solid var(--border);border-radius:8px;padding:16px 20px}.filter-results{color:#6b7280;color:var(--text-muted);font-size:14px}.paths-section{background:#fff;background:var(--surface);border:1px solid #e7ebf2;border:1px solid var(--border);border-radius:12px;margin-bottom:40px;padding:30px}.path-card-large{padding:25px 0}.path-card-large:first-child{padding-top:0}.path-card-large:last-child{padding-bottom:0}.path-header{margin-bottom:16px}.path-title-row{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.path-title{color:#1f2937;color:var(--text);flex:1 1;font-size:24px;font-weight:600;margin:0}.path-category{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 15px;text-transform:uppercase}.path-category.backend{background:#4caf501a;color:#4caf50}.path-category.fullstack{background:#2196f31a;color:#2196f3}.path-meta{color:#6b7280;color:var(--text-muted);display:flex;font-size:14px;gap:25px}.path-meta .meta-item{align-items:center;display:flex;gap:8px}.path-meta strong{color:#3d6df6;color:var(--accent-strong);font-weight:600}.path-description{color:#1f2937;color:var(--text);font-size:15px;line-height:1.6;margin-bottom:0}.divider{background:#e7ebf2;background:var(--border);border:none;height:1px;margin:25px 0}.ai-courses-section{margin-bottom:60px}.ai-courses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.ai-course-card{background:#fff;background:var(--surface);border:1px solid #e7ebf2;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px #0f172a14;box-shadow:var(--shadow);padding:24px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ai-course-card:hover{border-color:#5b8cff;border-color:var(--accent);box-shadow:0 16px 34px #0f172a1f;transform:translateY(-4px)}.course-header{margin-bottom:15px}.course-badge{background:#ffc1071a;color:#ffc107;font-size:12px;padding:4px 12px;text-transform:uppercase}.course-title{font-size:20px;line-height:1.4;margin:0}.course-description{font-size:14px;margin-bottom:20px}.course-level{color:#3d6df6;color:var(--accent-strong);font-weight:500}.course-duration,.course-level{font-size:13px}@media (max-width:768px){.header-container{flex-wrap:wrap;gap:12px}.nav{flex-wrap:wrap;gap:14px;justify-content:center;order:3;width:100%}.hero{padding:56px 0 40px}.hero-title{font-size:32px;max-width:none}.hero-subtitle{font-size:16px}.hero-buttons{align-items:center;flex-direction:column;margin-bottom:44px}.btn-browse-paths,.btn-watch-demo{width:100%}.showcase-body{flex-direction:column;min-height:0}.showcase-editor{padding:16px 0}.showcase-lines{font-size:12px}.showcase-ai{border-left:none;border-top:1px solid #e7ebf2;border-top:1px solid var(--border)}.hero-stats{flex-direction:column;gap:6px}.hero-stats span:not(:last-child):after{content:"";margin-left:0}.page-title{font-size:36px}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.ai-courses-grid{grid-template-columns:1fr}.path-title-row{align-items:flex-start}.path-meta,.path-title-row{flex-direction:column;gap:10px}}.btn-primary,.btn-secondary{border:none;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.06em;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#5b8cff,#3d6df6);background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#fff}.btn-primary:hover{box-shadow:0 10px 20px #3d6df62e;transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--surface);border:1px solid #e7ebf2!important;border:1px solid var(--border)!important;color:#1f2937;color:var(--text)}.btn-secondary:hover{background:#e8f0ff;background:var(--accent-soft);color:#3d6df6;color:var(--accent-strong);transform:translateY(-2px)}.backend-courses-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:30px}.course-card{background:linear-gradient(145deg,#fff,#f4f6fb);background:linear-gradient(145deg,var(--surface),var(--surface-muted));border:1px solid #e7ebf2;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:25px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card:before{background:linear-gradient(90deg,#3d6df6,#f7f8fc);background:linear-gradient(90deg,var(--accent-strong),var(--bg));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.course-card:hover{border-color:#3d6df6;border-color:var(--accent-strong);box-shadow:0 20px 40px #0006;transform:translateY(-8px)}.course-card:hover:before{opacity:1}.course-header{margin-bottom:20px}.course-badge{background:#3d6df626;border:1px solid #3d6df64d;border-radius:20px;color:#3d6df6;color:var(--accent-strong);display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;padding:6px 15px}.course-title{color:#1f2937;color:var(--text);font-size:1.4rem;font-weight:600;line-height:1.3;margin:0 0 10px}.course-description{color:#6b7280;color:var(--text-muted);flex-grow:1;font-size:1rem;line-height:1.6;margin-bottom:25px;min-height:72px}.course-footer{align-items:center;border-top:1px solid #e7ebf2;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-top:15px}.course-level{border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:6px 15px}.course-level.beginner{background:linear-gradient(135deg,#4caf5026,#4caf500d);border:1px solid #4caf504d;color:#4caf50}.course-level.intermediate{background:linear-gradient(135deg,#ff980026,#ff98000d);border:1px solid #ff98004d;color:#ff9800}.course-level.advanced{background:linear-gradient(135deg,#f4433626,#f443360d);border:1px solid #f443364d;color:#f44336}.course-duration{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:.9rem;gap:5px}.course-duration:before{content:"⏱️";font-size:.9em}.course-button{background:#0000;border:2px solid #3d6df6;border:2px solid var(--accent-strong);border-radius:8px;color:#3d6df6;color:var(--accent-strong);cursor:pointer;display:block;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:12px 25px;text-align:center;text-decoration:none;transition:all .3s ease}.course-button:hover{background:#3d6df61a;box-shadow:0 5px 15px #3d6df633;transform:translateY(-2px)}.section-title{color:#1f2937;color:var(--text);display:inline-block;font-size:1.8rem;font-weight:700;margin-bottom:10px;position:relative}.section-title:after{background:linear-gradient(90deg,#3d6df6,#0000);background:linear-gradient(90deg,var(--accent-strong),#0000);border-radius:2px;bottom:-5px;content:"";height:3px;left:0;position:absolute;width:60px}.section-subtitle{color:#6b7280;color:var(--text-muted);font-size:1.1rem;line-height:1.5;margin-bottom:30px;max-width:600px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.page-header{margin-bottom:50px;padding-top:30px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#3d6df6,#5b8cff);background:linear-gradient(90deg,var(--accent-strong),var(--accent));-webkit-background-clip:text;background-clip:text;color:#3d6df6;color:var(--accent-strong);font-size:2.5rem;font-weight:800;margin-bottom:15px}.page-subtitle{color:#6b7280;color:var(--text-muted);font-size:1.2rem;line-height:1.6;max-width:800px}.header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.courses-count{background:#3d6df61a;border:1px solid #3d6df64d;border-radius:20px;color:#3d6df6;color:var(--accent-strong);font-size:.9rem;font-weight:600;padding:5px 15px}.filter-tabs{display:flex;gap:10px;margin-bottom:30px}.filter-tab{background:#0000;border:1px solid #e7ebf2;border:1px solid var(--border);border-radius:20px;color:#6b7280;color:var(--text-muted);cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.filter-tab.active,.filter-tab:hover{border-color:#3d6df6;border-color:var(--accent-strong);color:#3d6df6;color:var(--accent-strong)}.filter-tab.active{background:#3d6df61a}@media (prefers-reduced-motion:no-preference){.course-card{animation:fadeInUp .5s ease forwards}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.course-card:first-child{animation-delay:.1s}.course-card:nth-child(2){animation-delay:.2s}.course-card:nth-child(3){animation-delay:.3s}.course-card:nth-child(4){animation-delay:.4s}.header{background:#fffffff5;border-bottom:1px solid #e5e5e5;box-shadow:none;padding:0;position:relative;z-index:100}.header-container{min-height:64px}.logo{color:#171717;font-size:20px;font-weight:700;letter-spacing:-.035em}.nav{gap:24px}.nav a{color:#707070;font-size:12px;font-weight:550;letter-spacing:0;text-transform:none}.nav a:focus,.nav a:hover{color:#171717}.btn-login,.btn-signup{border-radius:6px;box-shadow:none;font-size:12px;font-weight:600;min-height:36px;padding:0 14px}.btn-login{background:#fff;border-color:#dedede!important;color:#333}.btn-signup{background:#171717;color:#fff}.btn-signup:hover{background:#303030}@media (max-width:768px){.header-container{min-height:58px}.nav{gap:12px}}.nav-toggle{display:none}.header-account,.header-actions{align-items:center;display:flex}.header-actions{gap:8px}.header-account{gap:6px}.header-profile-link{align-items:center;border-radius:7px;color:#2b2b2b;display:flex;font-size:12px;font-weight:600;gap:8px;min-width:0;padding:4px 9px 4px 4px;text-decoration:none;transition:background-color .15s ease}.header-profile-link:focus-visible,.header-profile-link:hover{background:#f4f4f4;color:#171717}.header-logout:focus-visible,.header-profile-link:focus-visible,.nav-toggle:focus-visible{outline:2px solid #171717;outline-offset:2px}.header-profile-avatar{background:#242424;border-radius:50%;color:#fff;display:grid;flex:0 0 28px;font-size:11px;height:28px;line-height:1;place-items:center;width:28px}.header-profile-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-logout{background:#0000;border:0;border-radius:6px;color:#6b6b6b;cursor:pointer;font:inherit;font-size:12px;font-weight:550;min-height:32px;padding:0 10px;transition:color .15s ease,background-color .15s ease}.header-logout:hover{background:#f4f4f4;color:#171717}@media (max-width:768px){.header-container{flex-wrap:wrap;min-height:58px}.nav{border-top:1px solid #ededed;display:none;flex-direction:column;gap:0;order:4;padding:10px 0 16px;width:100%}.nav.nav-open{display:flex}.nav a{padding:10px 2px}.nav-toggle{align-items:center;background:#0000;border:0;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;height:36px;justify-content:center;margin-left:auto;padding:0;width:36px}.nav-toggle span{background:#272727;height:1.5px;transition:transform .15s ease,opacity .15s ease;width:17px}.nav-toggle-open span:first-child{transform:translateY(5.5px) rotate(45deg)}.nav-toggle-open span:nth-child(2){opacity:0}.nav-toggle-open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.header-actions{margin-left:8px}.header-profile-name{display:none}.header-profile-link{padding-right:4px}}