*{margin:0%;padding:0%;box-sizing:border-box}html,body,#root{width:100%;background-color:#131313;color:#f0f8ff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:var(--radius-md);font-family:var(--font-family);font-size:.95rem;font-weight:600;cursor:pointer;border:none;outline:none;transition:all var(--transition-base);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;background:#fff0;transition:background var(--transition-fast)}.btn:hover:before{background:#ffffff12}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 20px #6366f159}.btn-primary:hover{box-shadow:0 6px 30px #6366f180;transform:translateY(-1px);color:#fff}.btn-secondary{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-medium)}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#6366f10d}.btn-ghost{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-ghost:hover{background:#ffffff14;color:var(--text-primary)}.btn-danger{background:#ef444426;color:var(--error);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440}.btn-sm{padding:.45rem 1rem;font-size:.85rem}.btn-lg{padding:.9rem 2rem;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-xl{padding:1rem 2.5rem;font-size:1.1rem;border-radius:var(--radius-lg)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-base)}.card:hover{border-color:var(--border-medium);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.form-input,.form-textarea{width:100%;background:var(--bg-input);border:1.5px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:.95rem;padding:.75rem 1rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{min-height:140px;resize:vertical;line-height:1.6}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .85rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;letter-spacing:.02em}.badge-primary{background:#6366f126;color:var(--accent-primary-hover);border:1px solid rgba(99,102,241,.3)}.badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-error{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.navbar{position:sticky;top:0;z-index:200;height:var(--nav-height);background:#0a0a0fe0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:box-shadow var(--transition-base)}.navbar-scrolled{box-shadow:0 4px 30px #0006}.navbar>.container{display:flex;align-items:center;justify-content:space-between;gap:2rem;height:var(--nav-height)}.navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;flex-shrink:0}.navbar-logo-box{width:38px;height:38px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 4px 15px #6366f166;flex-shrink:0}.navbar-brand-name{font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.navbar-nav-desktop{display:flex;align-items:center;gap:.25rem;list-style:none;flex:1;justify-content:center}.navbar-nav-desktop a{display:block;padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);text-decoration:none}.navbar-nav-desktop a:hover{color:var(--text-primary);background:#ffffff0f}.navbar-actions-desktop{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.navbar-username{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.navbar-toggle{display:none;background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;padding:.45rem .55rem;flex-direction:column;gap:4px;transition:border-color var(--transition-fast);flex-shrink:0}.navbar-toggle:hover{border-color:var(--accent-primary)}.navbar-toggle span{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base),width var(--transition-base);transform-origin:center}.navbar-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar-toggle.is-open span:nth-child(2){opacity:0;width:0}.navbar-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar-mobile-menu{display:none;overflow:hidden;max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;background:#0a0a0ffa;border-bottom:1px solid var(--border-subtle);width:100%}.navbar-mobile-menu.is-open{max-height:500px;opacity:1}.navbar-mobile-menu-inner{display:flex;flex-direction:column;padding:1rem 1.5rem 1.5rem;gap:.25rem}.mobile-nav-link{display:block;padding:.75rem;border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.mobile-nav-link:hover{color:var(--text-primary);background:#ffffff0d;border-color:var(--border-subtle)}.mobile-nav-divider{height:1px;background:var(--border-subtle);margin:.75rem 0}.mobile-nav-user{font-size:.875rem;color:var(--text-muted);padding:.25rem .75rem;margin-bottom:.25rem}.mobile-nav-action{width:100%;justify-content:center;margin-top:.25rem}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-secondary)}.loading-page .loading-spinner{width:40px;height:40px;border-width:3px;border-top-color:var(--accent-primary)}.score-ring-wrapper{display:flex;align-items:center;justify-content:center}.score-ring{transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--border-subtle);stroke-width:8}.score-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.dashboard{flex:1;padding:2rem 0 4rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.dashboard-header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.03em}.dashboard-header h1 span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reports-list h2{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.25rem;letter-spacing:.01em}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.report-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.85rem;transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.report-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);opacity:0;transition:opacity var(--transition-base)}.report-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);transform:translateY(-3px);box-shadow:0 8px 30px #0006,var(--shadow-glow)}.report-card:hover:before{opacity:1}.report-card h3{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4}.report-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.report-card-date{font-size:.8rem;color:var(--text-muted)}.report-card-link{margin-top:auto;color:var(--accent-primary);font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.3rem;transition:gap var(--transition-fast)}.report-card:hover .report-card-link{gap:.5rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:var(--radius-xl)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.generate-report{flex:1;padding:2rem 0 4rem}.generate-report-inner{max-width:760px;margin:0 auto}.page-header{text-align:center;margin-bottom:2.5rem}.page-header h1{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}.page-header p{color:var(--text-muted);font-size:1rem}.upload-zone{border:2px dashed var(--border-medium);border-radius:var(--radius-xl);background:var(--bg-card);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent-primary);background:#6366f10a}.upload-zone input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-icon{width:56px;height:56px;margin:0 auto 1rem;background:#6366f11f;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all var(--transition-base)}.upload-zone:hover .upload-icon{background:#6366f133;transform:scale(1.05)}.upload-zone h3{font-size:1rem;font-weight:600;margin-bottom:.35rem}.upload-zone p{font-size:.875rem;color:var(--text-muted)}.upload-zone p span{color:var(--accent-primary);font-weight:500}.upload-zone.has-file{border-color:var(--success);background:#10b9810a}.file-preview{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#10b9811a;border-radius:var(--radius-md);border:1px solid rgba(16,185,129,.25);text-align:left}.file-preview-icon{font-size:1.5rem}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-size:.875rem;font-weight:600;color:#34d399;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-size{font-size:.75rem;color:var(--text-muted)}.file-preview-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.file-preview-remove:hover{color:var(--error)}.generate-form{display:flex;flex-direction:column;gap:1.5rem}.generate-form-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2rem}.generate-form-actions{display:flex;justify-content:flex-end;gap:1rem}.report-details{flex:1;padding:2rem 0 4rem}.report-details-inner{max-width:900px;margin:0 auto}.report-nav{margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.875rem;font-weight:500;transition:color var(--transition-fast);text-decoration:none}.back-link:hover{color:var(--text-primary)}.report-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2rem;margin-bottom:2rem;flex-wrap:wrap}.report-hero-info{flex:1;min-width:0}.report-hero-info h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.report-score-display{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:140px}.score-number{font-size:2.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.score-label{font-size:.75rem;color:var(--text-muted);text-align:center;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.report-sections{display:flex;flex-direction:column;gap:1.5rem}.report-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.report-section-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.75rem;border-bottom:1px solid var(--border-subtle)}.report-section-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem}.report-section-header h2{font-size:1rem;font-weight:700;letter-spacing:-.01em}.report-section-body{padding:1.5rem 1.75rem}.skill-gap-list{display:flex;flex-direction:column;gap:1rem}.skill-gap-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.skill-gap-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.skill-gap-desc{font-size:.8rem;color:var(--text-muted)}.priority-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:.35rem}.priority-high{background:var(--error)}.priority-medium{background:var(--warning)}.priority-low{background:var(--success)}.question-item{padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary);margin-bottom:1rem}.question-item:last-child{margin-bottom:0}.question-q{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.question-a{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.plan-item{display:flex;gap:1rem;margin-bottom:1.25rem}.plan-item:last-child{margin-bottom:0}.plan-day-num{width:36px;height:36px;border-radius:var(--radius-sm);background:#6366f126;border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--accent-primary-hover);flex-shrink:0}.plan-content h3{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.plan-content p{font-size:.85rem;color:var(--text-muted)}.auth-page{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;background:radial-gradient(ellipse at 70% 20%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(6,182,212,.06) 0%,transparent 50%),var(--bg-primary)}.auth-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg)}.auth-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;text-decoration:none}.auth-logo-box{width:38px;height:38px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1rem}.auth-logo-name{font-size:1.15rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.auth-title{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.35rem}.auth-subtitle{font-size:.875rem;color:var(--text-muted);margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-submit{width:100%;margin-top:.5rem}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.auth-divider span{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.social-buttons{display:flex;flex-direction:column;gap:.65rem}.social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.7rem 1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);text-decoration:none;font-family:var(--font-family);border:1.5px solid var(--border-medium);background:transparent;color:var(--text-secondary)}.social-btn:hover{background:#ffffff0d;color:var(--text-primary)}.social-btn.google:hover{border-color:#4285f4;color:#79a8f7}.social-btn.github:hover{border-color:#8b949e;color:#c9d1d9}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--text-muted)}.auth-footer a{color:var(--accent-primary);font-weight:500}.auth-footer a:hover{color:var(--accent-primary-hover)}.landing{flex:1}.hero{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;padding:5rem 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-30%;left:50%;transform:translate(-50%);width:800px;height:700px;background:radial-gradient(ellipse,rgba(99,102,241,.12) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle),transparent)}.hero-inner{text-align:center;max-width:780px;margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border:1px solid var(--border-accent);border-radius:var(--radius-full);background:#6366f114;font-size:.8rem;font-weight:600;color:var(--text-accent);margin-bottom:1.75rem;letter-spacing:.02em}.hero-badge span{font-size:.9rem}.hero h1{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900;letter-spacing:-.04em;margin-bottom:1.25rem;line-height:1.05}.hero h1 .gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:clamp(1rem,2.5vw,1.15rem);color:var(--text-muted);max-width:580px;margin:0 auto 2.5rem;line-height:1.7}.hero-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem}.hero-stats{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);font-weight:500}.hero-stat .check{color:var(--success);font-size:1rem}.features{padding:6rem 0;border-bottom:1px solid var(--border-subtle);position:relative}.section-header{text-align:center;margin-bottom:3.5rem}.section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}.section-header p{color:var(--text-muted);font-size:1rem;max-width:500px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:1.75rem;transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(99,102,241,.06),transparent 60%);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{border-color:var(--border-accent);background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:0 12px 40px #0006}.feature-card:hover:before{opacity:1}.feature-icon-box{width:48px;height:48px;border-radius:var(--radius-md);background:#6366f11f;border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1.25rem;transition:all var(--transition-base)}.feature-card:hover .feature-icon-box{background:#6366f133;box-shadow:0 4px 20px #6366f140}.feature-card h3{font-size:1rem;font-weight:700;margin-bottom:.5rem}.feature-card p{font-size:.875rem;color:var(--text-muted);line-height:1.6}.how-it-works{padding:6rem 0;border-bottom:1px solid var(--border-subtle)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;position:relative}.step-card{text-align:center}.step-number{font-size:clamp(3rem,6vw,4.5rem);font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.75rem;letter-spacing:-.04em}.step-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.step-card p{font-size:.875rem;color:var(--text-muted)}.cta-section{padding:5rem 0}.cta-card{background:linear-gradient(135deg,#6366f126,#8b5cf61a,#06b6d414);border:1px solid rgba(99,102,241,.25);border-radius:var(--radius-xl);padding:4rem 2rem;text-align:center;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center top,rgba(99,102,241,.15),transparent 60%);pointer-events:none}.cta-card h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem;position:relative}.cta-card p{color:var(--text-muted);margin-bottom:2rem;position:relative}.cta-card .btn{position:relative}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:3.5rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;margin-bottom:3rem}.footer-brand p{font-size:.875rem;color:var(--text-muted);margin-top:.75rem;max-width:220px;line-height:1.6}.footer-col h4{font-size:.85rem;font-weight:700;color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-col ul li a{font-size:.875rem;color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.footer-col ul li a:hover{color:var(--text-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid var(--border-subtle);gap:1rem;flex-wrap:wrap}.footer-bottom p{font-size:.8rem;color:var(--text-muted)}.upload-page{padding:4rem 0 6rem;flex:1}.upload-page-header{text-align:center;margin-bottom:2.5rem}.upload-page-header h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.5rem}.upload-page-header p{font-size:.95rem;color:var(--text-muted)}.upload-page-inner{max-width:680px;margin:0 auto}@media(max-width:1024px){:root{--container-max: 960px}.footer-grid{grid-template-columns:1.2fr repeat(3,1fr);gap:2rem}}@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}.reports-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media(max-width:768px){:root{--nav-height: 64px}.navbar-nav-desktop,.navbar-actions-desktop{display:none}.navbar-toggle{display:flex}.navbar-mobile-menu{display:block}.container{padding:0 1rem}.hero{padding:3rem 0 2.5rem;min-height:auto}.hero-inner{max-width:100%}.hero h1{font-size:clamp(2rem,9vw,3rem)}.hero p{font-size:.95rem;margin-bottom:2rem}.hero-actions{flex-direction:column;align-items:stretch;gap:.75rem}.hero-actions .btn{width:100%;justify-content:center}.hero-stats{justify-content:flex-start;gap:1rem;flex-wrap:wrap}.features,.how-it-works{padding:4rem 0}.cta-section{padding:3rem 0}.section-header{margin-bottom:2.5rem}.section-header h2{font-size:clamp(1.5rem,5vw,2rem)}.features-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.steps-grid{grid-template-columns:1fr;gap:1.75rem}.dashboard{padding:1.5rem 0 3rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-header h1{font-size:1.5rem}.dashboard-header .btn{width:100%;justify-content:center}.reports-grid{grid-template-columns:1fr}.report-details{padding:1.5rem 0 3rem}.report-hero{flex-direction:column;gap:1.5rem}.report-score-display{flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;min-width:unset}.score-number{font-size:2rem}.report-section-body{padding:1.25rem}.report-section-header{padding:1rem 1.25rem}.generate-report{padding:1.5rem 0 3rem}.generate-report-inner{max-width:100%}.page-header h1{font-size:1.6rem}.generate-form-actions{flex-direction:column;gap:.75rem}.generate-form-actions .btn{width:100%;justify-content:center}.generate-form-card{padding:1.25rem}.auth-page{padding:3rem 1rem 2rem;align-items:flex-start}.auth-card{padding:2rem 1.25rem;border-radius:var(--radius-lg)}.footer{padding:2.5rem 0 1.5rem}.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-bottom{flex-direction:column;text-align:center;gap:.5rem}.cta-card{padding:2.5rem 1.5rem}}@media(max-width:480px){:root{--nav-height: 60px}.navbar-logo-box{width:34px;height:34px;font-size:.9rem}.navbar-brand-name{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:.85rem}.feature-card{padding:1.25rem}.hero{padding:2.5rem 0 2rem}.hero h1{font-size:1.9rem}.hero-badge{font-size:.72rem;padding:.3rem .75rem;margin-bottom:1rem}.hero-stats{flex-direction:column;align-items:flex-start;gap:.6rem}.reports-grid{grid-template-columns:1fr}.report-card{padding:1.25rem}.upload-zone{padding:2rem 1.25rem}.cta-card{padding:2rem 1rem;border-radius:var(--radius-lg)}.footer-grid{grid-template-columns:1fr;gap:1.75rem}.footer-brand p{max-width:100%}.auth-card{padding:1.75rem 1rem}.auth-title{font-size:1.35rem}.empty-state{padding:2.5rem 1rem}.score-number{font-size:1.75rem}.report-hero{padding:1.25rem}.skill-gap-item{padding:.85rem 1rem}.question-item{padding:1rem}.plan-item{gap:.75rem}.btn-xl{padding:.85rem 1.75rem;font-size:1rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-card: #16161f;--bg-card-hover: #1e1e2a;--bg-input: #1a1a25;--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .12);--border-accent: rgba(99, 102, 241, .4);--accent-primary: #6366f1;--accent-primary-hover: #818cf8;--accent-secondary: #22d3ee;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #06b6d4 100%);--accent-glow: rgba(99, 102, 241, .25);--text-primary: #f0f0ff;--text-secondary: #a0a0b8;--text-muted: #666680;--text-accent: #818cf8;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container-max: 1200px;--nav-height: 72px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(99, 102, 241, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:1.2;font-weight:700}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}::selection{background:var(--accent-primary);color:#fff}