@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600&display=swap";:root{--saffron:#f57c00;--saffron-light:#ffb74d;--saffron-dark:#e65100;--green:#138808;--green-light:#2dc72d;--navy:#006;--bg-deepest:#080b14;--bg-dark:#0d1117;--bg-card:#131922;--bg-card-hover:#1a2233;--bg-glass:#131922b3;--border:#ffffff14;--border-accent:#f57c0059;--text-primary:#f0f4ff;--text-secondary:#8896a8;--text-muted:#4a5568;--grad-saffron:linear-gradient(135deg, #f57c00 0%, #fb8c00 100%);--grad-hero:linear-gradient(135deg, #f57c00 0%, #fb8c00 50%, #e65100 100%);--grad-card:linear-gradient(145deg, #131922 0%, #0d1117 100%);--grad-green:linear-gradient(135deg, #138808 0%, #2dc72d 100%);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 30px #f57c0026;--shadow-btn:0 4px 12px #e6510040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5{font-family:Outfit,sans-serif;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Inter,sans-serif}input,select,textarea{font-family:Inter,sans-serif}img{max-width:100%}.container{max-width:1100px;padding:0 var(--space-lg);margin:0 auto}.page{min-height:calc(100vh - 64px);padding:var(--space-2xl) var(--space-lg)}.section-title{margin-bottom:var(--space-sm);font-family:Outfit,sans-serif;font-size:2rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:1rem}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);white-space:nowrap;border:none;padding:.65rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--grad-saffron);color:#fff;box-shadow:var(--shadow-btn)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff993340}.btn-secondary{border:1.5px solid var(--border-accent);color:var(--saffron);background:0 0}.btn-secondary:hover{background:#ff993314;transform:translateY(-2px)}.btn-ghost{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary)}.btn-ghost:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn-danger{color:#fff;background:linear-gradient(135deg,#e53e3e,#c53030)}.btn-danger:hover{transform:translateY(-2px)}.btn-lg{padding:.85rem 2rem;font-size:1rem}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-card);transition:border-color .2s,transform .2s}.card:hover{border-color:var(--border-accent);transform:translateY(-3px)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg)}.form-group{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffff0a;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--saffron);box-shadow:0 0 0 3px #ff99331f}.form-select option{background:var(--bg-card);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:100px}.form-error{border-radius:var(--radius-md);color:#fc8181;background:#e53e3e1a;border:1px solid #e53e3e4d;padding:.75rem 1rem;font-size:.875rem}.badge{vertical-align:middle;border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:.35rem .75rem;font-size:.72rem;font-weight:600;line-height:1.25;display:inline-block;overflow:hidden}.badge-saffron{color:var(--saffron);background:#ff993326;border:1px solid #ff993340}.badge-green{color:var(--green-light);background:#13880826;border:1px solid #13880840}.badge-blue{color:#63b3ed;background:#63b3ed1f;border:1px solid #63b3ed33}.badge-purple{color:#b794f4;background:#9f7aea1f;border:1px solid #9f7aea33}.loader-wrap{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-3xl);flex-direction:column;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--saffron);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;padding:var(--space-lg);background:radial-gradient(at 50% 0,#ff99331a 0%,#0000 70%);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-2xl);box-shadow:var(--shadow-card)}.auth-logo{text-align:center;margin-bottom:var(--space-xl)}.auth-logo h1{background:var(--grad-saffron);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:var(--space-xl);font-size:.9rem}.auth-footer{text-align:center;margin-top:var(--space-lg);color:var(--text-secondary);font-size:.875rem}.auth-footer a{color:var(--saffron);font-weight:600}.auth-footer a:hover{text-decoration:underline}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0d1117e6;align-items:center;height:64px;display:flex;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1250px;margin:0 auto;padding:0 1.25rem;display:flex}.navbar-brand{align-items:center;gap:var(--space-sm);background:var(--grad-saffron);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.navbar-brand span{font-size:1.4rem}.navbar-links{align-items:center;gap:var(--space-xs);margin-left:auto;margin-right:var(--space-lg);list-style:none;display:flex}.navbar-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.auth-actions-desktop{align-items:center;gap:var(--space-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;display:flex}.nav-link{border-radius:var(--radius-full);color:var(--text-secondary);padding:.4rem .85rem;font-size:.875rem;font-weight:500;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:#ffffff0f}.nav-link-accent{color:var(--saffron)!important}.navbar-toggle{color:var(--text-primary);cursor:pointer;z-index:1001;background:0 0;border:none;padding:.5rem;font-size:1.5rem;display:none}@media (width<=768px){.navbar-toggle{display:block}.navbar-actions{gap:var(--space-xs)}.auth-actions-desktop{display:none}.navbar-links{width:100%;height:calc(100vh - 64px);padding:var(--space-2xl) var(--space-lg);justify-content:flex-start;align-items:center;gap:var(--space-lg);opacity:0;visibility:hidden;border-top:1px solid var(--border);flex-direction:column;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s,visibility .3s;position:fixed;top:64px;left:0;overflow-y:auto;transform:translateY(-100%);z-index:99999!important;background:#080b14!important;display:flex!important}.navbar-links.mobile-open{opacity:1;visibility:visible;transform:translateY(0)}.navbar-links li{text-align:center;opacity:0;width:100%;transition:all .3s;transform:translateY(10px)}.navbar-links.mobile-open li{opacity:1;transform:translateY(0)}.navbar-links li:first-child{transition-delay:.1s}.navbar-links li:nth-child(2){transition-delay:.15s}.navbar-links li:nth-child(3){transition-delay:.2s}.navbar-links li:nth-child(4){transition-delay:.25s}.navbar-links li:nth-child(5){transition-delay:.3s}.nav-link{padding:var(--space-md);color:var(--text-primary);width:100%;font-size:1.5rem;font-weight:600;display:block}.navbar-links .btn{border-radius:var(--radius-md);justify-content:center;width:100%;max-width:300px;padding:1.25rem;font-size:1.1rem;margin:var(--space-sm) auto!important}}.home-hero{text-align:center;min-height:calc(100vh - 64px);padding:var(--space-2xl) var(--space-lg);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.home-hero:before{content:"";pointer-events:none;background:radial-gradient(at 50% 20%,#ff99331f 0%,#0000 65%);position:absolute;inset:0}.hero-eyebrow{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);color:var(--saffron);margin-bottom:var(--space-lg);letter-spacing:.05em;text-transform:uppercase;background:#ff99331a;border:1px solid #f933;padding:.45rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:var(--space-lg);max-width:800px;font-family:Outfit,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.hero-title .highlight{background:var(--grad-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--text-secondary);max-width:600px;margin-bottom:var(--space-2xl);font-size:clamp(1rem,2vw,1.15rem)}.hero-cta{align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.features-section{padding:var(--space-3xl) var(--space-lg);max-width:1100px;margin:0 auto}.features-grid{gap:var(--space-lg);margin-top:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.feature-card{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}.feature-icon{margin-bottom:var(--space-md);font-size:2rem;display:block}.feature-card h3{margin-bottom:var(--space-sm);font-size:1.1rem;font-weight:700}.feature-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.65}.stats-row{justify-content:center;align-items:center;gap:var(--space-3xl);padding:var(--space-2xl);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:var(--space-2xl) auto;flex-wrap:wrap;max-width:1100px;display:flex}.stat-item{text-align:center}.stat-number{background:var(--grad-saffron);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.stat-label{color:var(--text-secondary);margin-top:.2rem;font-size:.85rem}.onboarding-page{max-width:680px;padding:var(--space-2xl) var(--space-lg);margin:0 auto}.onboarding-header{margin-bottom:var(--space-2xl)}.step-indicator{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.step-dot{background:var(--border);border-radius:50%;width:10px;height:10px;transition:background .3s}.step-dot.active{background:var(--saffron)}.step-dot.done{background:var(--green)}.step-line{background:var(--border);border-radius:1px;flex:1;height:2px}.onboarding-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl)}.roadmap-page{max-width:860px;padding:var(--space-2xl) var(--space-lg);margin:0 auto}.roadmap-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.roadmap-meta{gap:var(--space-sm);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.roadmap-summary{border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-2xl);color:var(--text-secondary);background:#ff99330f;border:1px solid #ff993326;font-size:.95rem;line-height:1.7}.phase-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);transition:border-color .2s;overflow:hidden}.phase-card.expanded{border-color:var(--border-accent)}.phase-header{padding:var(--space-lg) var(--space-xl);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.phase-header:hover{background:#ffffff05}.phase-title-row{align-items:center;gap:var(--space-md);display:flex}.phase-number{background:var(--grad-saffron);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.phase-name{font-size:1.05rem;font-weight:700}.phase-desc{color:var(--text-secondary);font-size:.82rem}.phase-toggle{color:var(--text-secondary);flex-shrink:0;font-size:1.2rem;transition:transform .25s}.phase-card.expanded .phase-toggle{color:var(--saffron);transform:rotate(90deg)}.phase-body{border-top:1px solid var(--border);padding:var(--space-lg) var(--space-xl)}.topic-item{gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border);display:flex}.topic-item:last-child{border-bottom:none}.topic-checkbox{border:2px solid var(--border-accent);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;transition:all .2s;display:flex}.topic-checkbox.checked{background:var(--green);border-color:var(--green);color:#fff}.topic-content{flex:1}.topic-name{margin-bottom:.25rem;font-size:.95rem;font-weight:600}.topic-name.done{color:var(--text-secondary);text-decoration:line-through}.topic-description{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.82rem}.resource-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.resource-link{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff0a;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.76rem;transition:all .2s;display:inline-flex}.resource-link:hover{border-color:var(--border-accent);color:var(--saffron);background:#ff99330f}.explore-page{max-width:1100px;padding:var(--space-2xl) var(--space-lg);margin:0 auto}.category-filters{gap:var(--space-sm);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.filter-btn{border-radius:var(--radius-full);border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;padding:.55rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s}.filter-btn:hover{border-color:var(--border-accent);color:var(--saffron)}.filter-btn.selected{background:var(--grad-saffron);color:#fff;border-color:#0000}.explore-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.explore-grid-new{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.explore-card-new{background:var(--grad-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-xl);flex-direction:column;gap:10px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.explore-card-new:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.explore-card-emoji{font-size:2.2rem}.explore-card-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700}.explore-card-desc{color:var(--text-secondary);font-size:.83rem;line-height:1.55}.explore-card-tags{flex-wrap:wrap;gap:6px;display:flex}.explore-card-actions{flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;padding:var(--space-xl);background:#080b14d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overview-panel{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0009}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.overview-close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex;position:absolute;top:20px;right:24px}.overview-close:hover{color:var(--text-primary);background:#ffffff1a}.overview-tagline{color:var(--saffron);margin-bottom:10px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.overview-text{color:var(--text-secondary);margin-bottom:18px;font-size:.9rem;line-height:1.7}.overview-grid{gap:var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.overview-section{flex-direction:column;gap:8px;display:flex}.overview-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:700}.skill-chips{flex-wrap:wrap;gap:5px;display:flex}.skill-chip{border-radius:var(--radius-full);color:var(--saffron);background:#ff99331a;border:1px solid #f933;padding:3px 10px;font-size:.75rem}.skill-chip-alt{color:#63b3ed;background:#63b3ed1a;border-color:#63b3ed33}.salary-grid{flex-wrap:wrap;gap:12px;display:flex}.salary-item{text-align:center}.salary-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:2px;font-size:.68rem}.salary-val{color:var(--green-light);font-size:.9rem;font-weight:700}.edu-path{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;padding:8px 10px;font-size:.83rem;line-height:1.55}.milestones-list{flex-direction:column;gap:8px;list-style:none;display:flex}.milestones-list li{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.85rem;display:flex}.milestone-num{background:var(--grad-saffron);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.7rem;font-weight:700;display:flex}.pros-cons-grid{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.pros-cons-list{flex-direction:column;gap:6px;margin-top:6px;list-style:none;display:flex}.pros-cons-list li{color:var(--text-secondary);padding-left:14px;font-size:.83rem;position:relative}.pros-cons-list li:before{content:"•";position:absolute;left:0}.explore-anything-box{border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-2xl);background:#ff99330d;border:1px solid #ff99332e}.explore-anything-label{text-transform:uppercase;letter-spacing:.06em;color:var(--saffron);margin-bottom:12px;font-size:.8rem;font-weight:700}.unified-search-bar{border:1px solid var(--border-accent);border-radius:var(--radius-full);background:#ffffff08;align-items:center;max-width:600px;padding:6px;transition:all .2s;display:flex}.unified-search-bar:focus-within{border-color:var(--saffron);background:#ffffff0f;box-shadow:0 0 0 3px #ff993326}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.5rem 1rem;font-size:.95rem}.search-input::placeholder{color:var(--text-muted)}.search-btn{border-radius:var(--radius-full);padding:.6rem 1.4rem;box-shadow:none!important}.explore-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.explore-card-header{padding:var(--space-xl);border-bottom:1px solid var(--border)}.explore-emoji{margin-bottom:var(--space-sm);font-size:2.2rem;display:block}.explore-title{margin-bottom:var(--space-xs);font-size:1.05rem;font-weight:700}.explore-desc{color:var(--text-secondary);font-size:.83rem;line-height:1.55}.explore-card-meta{padding:var(--space-md) var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.explore-card-expanded{border-top:1px solid var(--border);padding:var(--space-lg) var(--space-xl)}.dashboard-page{max-width:900px;padding:var(--space-2xl) var(--space-lg);margin:0 auto}.dashboard-welcome{border-radius:var(--radius-xl);padding:var(--space-2xl);margin-bottom:var(--space-2xl);background:linear-gradient(135deg,#ff99331a 0%,#1388080f 100%);border:1px solid #f933}.dashboard-welcome h2{margin-bottom:var(--space-sm);font-size:1.6rem}.dashboard-welcome p{color:var(--text-secondary)}.saved-roadmaps{gap:var(--space-lg);flex-direction:column;display:flex}.roadmap-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s;overflow:hidden}.roadmap-card:hover{border-color:var(--border-accent)}.roadmap-card-header{padding:var(--space-lg) var(--space-xl);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.roadmap-card-header:hover{background:#ffffff05}.roadmap-card-title{font-size:1rem;font-weight:700}.roadmap-card-sub{color:var(--text-secondary);margin-top:.2rem;font-size:.8rem}.progress-bar-wrap{background:var(--border);border-radius:3px;flex-shrink:0;width:100px;height:6px;overflow:hidden}.progress-bar{background:var(--grad-green);border-radius:3px;height:100%;transition:width .4s}.roadmap-card-body{border-top:1px solid var(--border);padding:var(--space-lg) var(--space-xl)}.card-actions{gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border);display:flex}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg)}.empty-icon{margin-bottom:var(--space-lg);font-size:3.5rem}.empty-state h3{margin-bottom:var(--space-sm);font-size:1.3rem}.empty-state p{color:var(--text-secondary);margin-bottom:var(--space-xl)}.save-bar{bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-accent);border-radius:var(--radius-xl);padding:var(--space-md) var(--space-xl);box-shadow:var(--shadow-glow);flex-wrap:wrap;display:flex;position:sticky}.save-bar-progress{align-items:center;gap:var(--space-md);display:flex}.save-bar-text{color:var(--text-secondary);font-size:.875rem}.save-bar-text strong{color:var(--saffron)}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:1000;max-width:320px;padding:.75rem 1.25rem;font-size:.875rem;animation:.3s slideUp;position:fixed;bottom:24px;right:24px}.toast.success{color:var(--green-light);border-color:#13880866}.toast.error{color:#fc8181;border-color:#e53e3e66}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.navbar-links{display:none}.hero-cta{flex-direction:column;width:100%}.hero-cta .btn{justify-content:center;width:100%}.roadmap-header{flex-direction:column}.stats-row{gap:var(--space-xl)}.save-bar{text-align:center;flex-direction:column}.card-actions{flex-wrap:wrap}.explore-grid{grid-template-columns:1fr}}@media (width<=480px){.onboarding-card,.auth-card{padding:var(--space-lg)}.phase-header,.phase-body{padding:var(--space-md)}}.user-menu-wrap{position:relative}.user-avatar-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;padding:5px 10px 5px 5px;transition:border-color .2s;display:flex}.user-avatar-btn:hover{border-color:var(--border-accent)}.user-avatar{background:var(--grad-saffron);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.72rem;font-weight:700;display:flex}.user-avatar-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.82rem;font-weight:600;overflow:hidden}.user-avatar-caret{color:var(--text-secondary);font-size:.6rem}.user-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:200;min-width:220px;animation:.15s fadeDown;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes fadeDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{background:#ff99330d;align-items:center;gap:12px;padding:14px 16px;display:flex}.user-dropdown-avatar{background:var(--grad-saffron);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:700;display:flex}.user-dropdown-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.user-dropdown-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:140px;margin-top:2px;font-size:.75rem;overflow:hidden}.user-dropdown-divider{background:var(--border);height:1px;margin:4px 0}.user-dropdown-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-family:Inter,sans-serif;font-size:.875rem;transition:background .15s,color .15s;display:flex}.user-dropdown-item:hover{color:var(--text-primary);background:#ffffff0a}.user-dropdown-logout{color:#fc8181}.user-dropdown-logout:hover{color:#fc8181;background:#e53e3e14}.profile-page{min-height:calc(100vh - 64px);padding:var(--space-2xl) var(--space-lg);background:radial-gradient(at 50% 0,#ff99330f 0%,#0000 65%)}.profile-container{max-width:680px;margin:0 auto}.profile-header{align-items:center;gap:var(--space-xl);margin-bottom:var(--space-2xl);display:flex}.profile-big-avatar{background:var(--grad-saffron);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.6rem;font-weight:700;display:flex;box-shadow:0 0 0 4px #f933}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-2xl)}@media (width<=480px){.profile-header{text-align:center;flex-direction:column}.profile-card{padding:var(--space-lg)}.profile-card>div[style*=grid]{grid-template-columns:1fr!important}}