:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0f;--bg-elevated:#111116;--surface:#15151c;--surface-soft:#1b1b24;--card:#1b1b24;--card-hover:#20202b;--text:#f5f5f5;--muted:#a1a1aa;--subtle:#71717a;--line:#2a2a35;--line-strong:#393943;--accent:#e50914;--accent-bright:#fa2631;--accent-deep:#b20710;--accent-soft:#e509141f;--accent-border:#e5091461;--nav-bg:#0b0b0fdb;--glow:#e5091433;--layout-max:1280px;--content-max:1110px;--copy-max:720px;--upload-max:850px}body.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f6f8;--bg-elevated:#fff;--surface:#fff;--surface-soft:#f5f5f7;--card:#fff;--card-hover:#fff;--text:#111116;--muted:#52525b;--subtle:#71717a;--line:#e4e4e7;--line-strong:#d4d4d8;--accent-soft:#e5091412;--accent-border:#e509143d;--nav-bg:#f6f6f8e6;--glow:#e5091417}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,Arial,sans-serif;transition:background-color .25s,color .25s}#root,.App{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:100%;min-height:100vh}.navbar{z-index:10;width:100%;padding:19px max(28px, calc((100vw - var(--layout-max)) / 2 + 48px));border-bottom:1px solid var(--line);background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:flex-start;align-items:center;gap:30px;display:flex;position:sticky;top:0}.logo{color:var(--text);letter-spacing:-.06em;align-items:center;font-size:25px;font-weight:750;display:inline-flex}.logo span{color:var(--accent)}.logo:after{background:var(--accent);content:"";width:6px;height:6px;box-shadow:0 0 14px var(--accent);border-radius:999px;margin:15px 0 0 3px}.nav-menu{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:13px;font-weight:500;display:flex}.navbar-actions{align-items:center;gap:8px;display:flex}.nav-toggle{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--muted);cursor:pointer;border-radius:12px;place-items:center;transition:border-color .2s,background .2s,color .2s;display:none}.nav-toggle:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text)}.nav-link{border:1px solid #0000;border-radius:999px;align-items:center;min-height:40px;padding:0 14px;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.nav-link:hover,.nav-link.is-active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text)}.theme-btn{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--muted);cursor:pointer;border-radius:12px;place-items:center;transition:border-color .2s,background .2s,color .2s;display:inline-grid}.theme-btn:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-bright)}.theme-btn:focus-visible,.nav-link:focus-visible,.nav-toggle:focus-visible,.logo:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero{width:min(100%, var(--layout-max));text-align:center;margin:0 auto;padding:92px 48px 90px;position:relative}.hero-copy{max-width:var(--copy-max);margin:0 auto}.hero h2{color:var(--text);letter-spacing:-.07em;margin-bottom:12px;font-size:clamp(47px,7vw,72px);font-weight:750;line-height:1.02}.hero h3{color:var(--text);letter-spacing:-.04em;margin:0 auto 18px;font-size:clamp(22px,3vw,29px);font-weight:560;line-height:1.3}.hero p{max-width:610px;color:var(--muted);margin:0 auto;font-size:16px;line-height:1.7}.hero-actions{justify-content:center;gap:13px;margin-top:35px;display:flex}.primary-button,.secondary-button,.secondary-link{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:49px;padding:0 22px;font-size:14px;font-weight:650;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s,color .2s;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){border-color:var(--accent-bright);background:var(--accent-bright);transform:translateY(-2px)}.secondary-button,.secondary-link{border:1px solid var(--line-strong);background:var(--surface);color:var(--text)}.secondary-button:hover,.secondary-link:hover{border-color:var(--accent-border);background:var(--accent-soft);transform:translateY(-2px)}.primary-button:focus-visible,.secondary-button:focus-visible,.secondary-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary-button:disabled{border-color:var(--line);background:var(--surface-soft);box-shadow:none;color:var(--subtle);cursor:not-allowed}.content-section{margin-top:94px}.section-heading{max-width:var(--copy-max);margin:0 auto 34px}.section-kicker{color:var(--accent-bright);letter-spacing:.18em;text-transform:uppercase;margin-bottom:13px;font-size:11px;font-weight:700;display:inline-block}.section-heading h3,.upload-title{color:var(--text);letter-spacing:-.05em;margin-bottom:12px;font-size:clamp(26px,3.4vw,34px);font-weight:700;line-height:1.2}.section-heading p,.upload-subtitle{color:var(--muted);font-size:15px;line-height:1.7}.featured-grid{max-width:var(--content-max);grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;margin:0 auto;display:grid}.feature-card,.tech-card{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:18px;min-height:210px;padding:25px 23px;transition:transform .2s,border-color .2s,background .2s;position:relative;overflow:hidden}.feature-card:hover,.tech-card:hover{border-color:var(--accent-border);transform:translateY(-4px)}.featured-icon,.tech-icon{border:1px solid var(--accent-border);background:var(--accent-soft);width:48px;height:48px;color:var(--accent-bright);border-radius:13px;place-items:center;margin-bottom:24px;font-size:22px;display:grid}.featured-icon svg,.tech-icon svg{width:22px;height:22px}.feature-card h3,.tech-card h3{color:var(--text);margin-bottom:10px;font-size:17px;font-weight:650}.feature-card p,.tech-card p{color:var(--muted);font-size:14px;line-height:1.65}.upload-section{width:min(100%, var(--layout-max));text-align:center;margin:0 auto;padding:20px 48px 94px}.upload-box{width:100%;max-width:var(--upload-max);border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;margin:0 auto 20px;padding:34px 26px;transition:border-color .2s,background-color .2s,transform .2s;display:flex}.upload-box:hover,.upload-box:focus-within{border-color:var(--accent);background-color:var(--surface-soft);transform:translateY(-2px)}.upload-icon{border:1px solid var(--accent-border);background:var(--accent-soft);width:64px;height:64px;color:var(--accent-bright);border-radius:17px;place-items:center;margin-bottom:18px;font-size:31px;transition:transform .2s;display:grid}.upload-box:hover .upload-icon,.upload-box:focus-within .upload-icon{transform:translateY(-2px)}.upload-callout{color:var(--muted);font-size:15px;line-height:1.5}.upload-callout strong{color:var(--text);font-weight:650}.upload-hint{color:var(--subtle);margin-top:8px;font-size:13px}.file-name{border:1px solid var(--accent-border);background:var(--accent-soft);max-width:100%;color:var(--text);word-break:break-word;border-radius:999px;margin-top:18px;padding:9px 13px;font-size:12px}.job-description-field{width:100%;max-width:var(--upload-max);text-align:left;margin:0 auto 20px}.job-description-field label{color:var(--text);margin:0 0 10px 2px;font-size:13px;font-weight:600;display:block}.job-description-field textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);resize:vertical;border-radius:14px;min-height:182px;padding:16px 17px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.job-description-field textarea::placeholder{color:var(--subtle)}.job-description-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.form-message{max-width:var(--upload-max);text-align:left;border-radius:10px;margin:0 auto 17px;padding:11px 14px;font-size:13px;line-height:1.5}.error-message{border:1px solid var(--accent-border);background:var(--accent-soft);color:#ff747b}body.light .error-message{color:var(--accent-deep)}.upload-actions{justify-content:center;margin-top:29px;display:flex}.upload-section .primary-button{min-width:190px}.tech-strip{max-width:var(--upload-max);border-top:1px solid var(--line);margin:65px auto 0;padding-top:42px}.tech-strip-description{max-width:620px;color:var(--muted);margin:0 auto 27px;font-size:15px;line-height:1.65}.tech-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.tech-logo-item{border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;border-radius:15px;align-items:center;gap:14px;padding:15px;display:flex}.tech-logo-icon{border:1px solid var(--accent-border);background:var(--accent-soft);width:50px;height:50px;color:var(--accent-bright);border-radius:12px;flex:0 0 50px;place-items:center;font-size:25px;display:grid}.tech-logo-copy{flex-direction:column;gap:4px;display:flex}.tech-logo-text{color:var(--text);font-size:14px;font-weight:650}.tech-logo-description{color:var(--muted);font-size:12px;line-height:1.45}.result-page{width:100%;padding:64px 48px 1px}.roadmap-page{width:100%;padding:64px 48px 90px}.roadmap-generator-section{width:min(100%, var(--layout-max));margin:0 auto}.roadmap-heading{margin-bottom:28px}.roadmap-form{max-width:var(--upload-max);margin:0 auto}.roadmap-form label{color:var(--text);margin:0 0 10px 2px;font-size:13px;font-weight:600;display:block}.roadmap-form-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.roadmap-form input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:54px;color:var(--text);border-radius:14px;padding:0 16px;transition:border-color .2s,box-shadow .2s}.roadmap-form input::placeholder{color:var(--subtle)}.roadmap-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.roadmap-result{max-width:var(--content-max);margin:26px auto 0}.roadmap-loading{max-width:var(--upload-max);margin:26px auto 0}.roadmap-loading-card{border:1px solid var(--line);background:var(--card);text-align:center;border-radius:18px;padding:31px 26px 33px}.roadmap-loading-spinner{border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;margin-bottom:16px;animation:.85s linear infinite loadingSpin;display:inline-block}.roadmap-loading-card h3{color:var(--text);letter-spacing:0;margin-bottom:10px;font-size:22px}.roadmap-loading-card p{color:var(--muted);line-height:1.7}@keyframes loadingSpin{to{transform:rotate(360deg)}}.roadmap-summary-card{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:25px}.roadmap-target-role{color:var(--accent-bright);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.roadmap-summary-card h3{color:var(--text);letter-spacing:-.05em;margin-bottom:10px;font-size:28px}.roadmap-summary-card p{color:var(--muted);line-height:1.7}.roadmap-summary-meta{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.roadmap-summary-meta span{border:1px solid var(--accent-border);background:var(--accent-soft);min-height:38px;color:var(--text);border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.roadmap-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.roadmap-timeline{--timeline-marker-size:52px;--timeline-line-left:26px;margin-top:24px;display:grid;position:relative}.roadmap-timeline:before{content:"";top:26px;bottom:26px;left:var(--timeline-line-left);background:linear-gradient(180deg, var(--accent-bright), var(--accent-border), transparent);border-radius:999px;width:2px;position:absolute}.roadmap-timeline-item{grid-template-columns:var(--timeline-marker-size) minmax(0, 1fr);gap:20px;padding-bottom:22px;display:grid;position:relative}.roadmap-timeline-item:last-child{padding-bottom:0}.roadmap-timeline-marker{z-index:1;width:var(--timeline-marker-size);height:var(--timeline-marker-size);border:1px solid var(--accent-border);background:linear-gradient(135deg, var(--accent-soft), transparent 58%), var(--surface);box-shadow:0 0 0 8px var(--bg);border-radius:50%;place-items:center;display:grid;position:relative}.roadmap-timeline-marker span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:grid}.roadmap-step-card{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:18px;padding:22px}.roadmap-step-header{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:14px;display:flex}.roadmap-step-number{border:1px solid var(--line-strong);background:var(--surface);min-height:34px;color:var(--text);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.roadmap-step-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.roadmap-step-title-row h3{overflow-wrap:anywhere;flex:1;min-width:0;margin-bottom:0}.roadmap-priority{white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.roadmap-priority-high{color:#4ade80;background:#22c55e1f}.roadmap-priority-medium{color:#facc15;background:#eab3081f}.roadmap-priority-low{color:#60a5fa;background:#3b82f61f}body.light .roadmap-priority-high{color:#15803d}body.light .roadmap-priority-medium{color:#a16207}body.light .roadmap-priority-low{color:#1d4ed8}.roadmap-step-card h3{color:var(--text);margin-bottom:10px;font-size:19px;line-height:1.3}.roadmap-step-weeks{color:var(--text);margin-bottom:10px;font-size:14px;font-weight:600}.roadmap-step-milestone{color:var(--muted);line-height:1.65}.roadmap-resources{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.roadmap-resources h4{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:700}.roadmap-resources ul{gap:11px;list-style:none;display:grid}.roadmap-resources li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;display:flex}.roadmap-resources a,.roadmap-resources span{color:var(--text);line-height:1.5}.roadmap-resources a:hover{text-decoration:underline}.roadmap-resource-type{color:var(--muted);text-transform:capitalize;font-size:12px}.roadmap-result-enter{animation:.45s roadmapFadeIn}@keyframes roadmapFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-dashboard{width:min(100%, var(--layout-max));text-align:center;margin:0 auto 90px}.result-heading{margin-bottom:34px}.result-back-button{margin-top:24px}.score-section{max-width:var(--upload-max);border:1px solid var(--line);background:var(--card);border-radius:20px;margin:0 auto 20px;padding:31px 26px 33px}.score-section h3{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:23px;font-size:13px;font-weight:650}.score-section p{color:var(--muted);margin-top:18px;font-size:13px;font-weight:550}.score-circle{background:radial-gradient(circle, var(--card) 0 59%, transparent 60%), conic-gradient(var(--score-color) var(--score-value), var(--line) 0);border-radius:50%;place-items:center;width:145px;height:145px;margin:0 auto;display:grid;position:relative}.score-circle span{z-index:1;color:var(--text);letter-spacing:-.06em;font-size:35px;font-weight:700;position:relative}.result-grid{max-width:var(--content-max);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:20px auto 0;display:grid}.result-card{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:18px;min-height:164px;padding:25px}.result-card+.result-card{margin-top:20px}.result-card h4{color:var(--text);margin-bottom:18px;font-size:16px;font-weight:650}.skill-tags{flex-wrap:wrap;gap:9px;display:flex}.skill-tag{border:1px solid var(--accent-border);background:var(--accent-soft);min-height:38px;color:var(--text);border-radius:999px;align-items:center;padding:0 14px;font-size:13px;font-weight:550;display:inline-flex}.empty-result{color:var(--muted);font-size:14px;line-height:1.6}.result-right .result-card{min-height:348px}.improvement-list{color:var(--muted);gap:14px;padding-left:19px;font-size:14px;line-height:1.65;display:grid}.improvement-list li::marker{color:var(--accent)}.cv-builder-page{width:100%;max-width:1440px;color:var(--text);margin:0 auto;padding:40px 32px 72px}.cv-builder-layout{grid-template-columns:520px minmax(0,1fr);align-items:start;gap:24px;display:grid}.cv-builder-form-panel,.cv-builder-preview-panel{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:24px}.cv-form{flex-direction:column;gap:12px;font-family:Arial,sans-serif;display:flex}.cv-form h2{margin-bottom:18px;font-size:24px;font-weight:700}.cv-form-tabs{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.cv-form-tabs button{margin-top:0;font-family:inherit;font-weight:600}.cv-form-tabs .cv-form-optional{margin-left:4px;font-size:11px}.cv-form-tabs .active-tab{border-color:var(--accent);background:var(--accent);color:#fff}.cv-form-tabs .active-tab .cv-form-optional{color:#fffc}.cv-form-section{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:18px}.cv-form-subsection+.cv-form-subsection{margin-top:16px}.cv-form-subsection h4{margin-bottom:10px;font-size:14px;font-weight:700}.cv-form-subsection-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.cv-form-subsection-header h4{margin-bottom:0}.cv-form label{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.cv-form-subsection label:has(input[type=checkbox]){align-items:center;gap:8px;margin-bottom:14px;font-weight:600;display:inline-flex}.cv-form-subsection input[type=checkbox]{width:auto;margin:0}.cv-form-optional{color:var(--muted);font-size:12px;font-weight:500}.cv-form input,.cv-form textarea{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--text);border-radius:8px;margin-bottom:14px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:400;transition:border-color .2s,box-shadow .2s}.cv-form input::placeholder,.cv-form textarea::placeholder{color:var(--subtle)}.cv-form input:focus,.cv-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.cv-form textarea{resize:vertical;min-height:110px}.cv-form button{background:var(--surface-soft);width:fit-content;color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.cv-form button:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text)}.cv-form .cv-form-remove-btn{border-color:var(--line);width:34px;height:34px;color:var(--muted);background:0 0;flex-shrink:0;padding:0}.cv-form .cv-form-remove-btn svg{width:14px;height:14px}.cv-form .cv-form-remove-btn:hover{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-bright)}.cv-form-tabs .active-tab:hover{border-color:var(--accent-bright);background:var(--accent-bright);color:#fff}.cv-preview-paper{color:#111;background:#fff;border:none;width:100%;margin:0;padding:40px 36px;font-family:Arial,sans-serif;box-shadow:0 10px 30px #00000014}.cv-preview-header{text-align:center;margin-bottom:28px}.cv-preview-header h1{letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;font-size:28px;font-weight:700}.cv-preview-role{color:#1f1f1f;margin-bottom:8px;font-size:14px;font-weight:700}.cv-preview-contact{color:#333;font-size:13px;font-weight:100;line-height:1.5}.cv-preview-contact-item{display:inline}.cv-preview-contact a:hover{text-decoration:underline}.cv-preview-section+.cv-preview-section{margin-top:22px}.cv-preview-section h2{letter-spacing:.01em;border-bottom:2px solid #bdbdbd;margin-bottom:10px;padding-bottom:6px;font-size:18px;font-weight:700}.cv-preview-section p{color:#222;text-align:justify;font-size:13px;line-height:1.55}.cv-preview-entry+.cv-preview-entry{margin-top:8px}.cv-preview-entry-head{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:10px;margin-bottom:3px;display:grid}.cv-preview-entry-head h3{margin-bottom:2px;font-size:13px;font-weight:700}.cv-preview-company{font-size:13px;font-weight:600}.cv-preview-meta{color:#333;font-size:12px;font-weight:500}.cv-preview-link{word-break:break-all;margin-top:4px;text-decoration:none;display:inline-block}.cv-preview-link:hover{text-decoration:underline}.cv-preview-entry-head span{white-space:nowrap;text-align:right;font-size:12px;font-weight:700}.cv-preview-description{color:#222;white-space:pre-line;word-break:break-word;font-size:13px;line-height:1.55}.cv-preview-skill-block p{margin-bottom:6px;font-size:13px;line-height:1.5}.cv-preview-actions{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:8px;margin-top:16px;display:flex}.cv-preview-actions button{background:var(--surface-soft);color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.cv-preview-actions button:hover{border-color:var(--accent);background:var(--accent);color:#fff}.cv-preview-actions button:disabled,.cv-preview-actions button:disabled:hover{border-color:var(--line);background:var(--surface-soft);color:var(--subtle);cursor:not-allowed}.cv-download-error{color:var(--accent-bright);text-align:right;font-size:13px;line-height:1.5}@media (width<=1000px){.navbar{padding-left:28px;padding-right:28px}.hero{padding:72px 28px 75px}.upload-section{padding:12px 28px 74px}.result-page{padding:45px 28px 1px}.roadmap-page{padding:45px 28px 72px}.cv-builder-page{padding:36px 28px 64px}.cv-builder-layout{grid-template-columns:1fr}.cv-preview-paper{padding:28px 22px}.cv-preview-entry-head{grid-template-columns:1fr;gap:4px}.cv-preview-entry-head span{text-align:left}}@media (width<=780px){.navbar{flex-wrap:wrap;align-items:center;gap:12px}.nav-toggle{display:grid}.navbar-actions{margin-left:auto}.nav-menu{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;order:3;align-items:stretch;gap:8px;width:100%;padding:12px;display:none}.nav-menu.is-open{display:flex}.nav-link{border-radius:10px;justify-content:flex-start;width:100%}.theme-btn{border-radius:10px}.featured-grid,.result-grid,.roadmap-steps-grid{grid-template-columns:1fr}.feature-card,.result-right .result-card{min-height:auto}.roadmap-timeline{--timeline-marker-size:44px;--timeline-line-left:22px}.roadmap-timeline:before{top:22px;bottom:22px}.roadmap-timeline-item{gap:14px}.roadmap-timeline-marker{box-shadow:0 0 0 6px var(--bg)}.roadmap-timeline-marker span{width:30px;height:30px;font-size:12px}}@media (width<=560px){.navbar{padding:16px 20px}.nav-menu{gap:8px}.nav-link{min-height:36px;padding:0 11px}.nav-toggle,.theme-btn{width:38px;height:38px}.hero{padding:52px 20px 57px}.hero h2{font-size:42px}.hero p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.content-section{margin-top:67px}.upload-section{padding:6px 20px 57px}.upload-box{min-height:235px;padding:27px 17px}.tech-strip{margin-top:48px;padding-top:35px}.tech-logos{grid-template-columns:1fr}.result-page{padding:34px 20px 1px}.roadmap-page{padding:34px 20px 56px}.roadmap-form-row{grid-template-columns:1fr}.roadmap-timeline{--timeline-marker-size:38px;--timeline-line-left:19px}.roadmap-timeline:before{top:19px;bottom:19px}.roadmap-timeline-item{gap:12px;padding-bottom:18px}.roadmap-timeline-marker span{width:28px;height:28px}.score-section{padding:28px 18px}.skill-tag{justify-content:center;width:100%}.cv-builder-page{padding:28px 20px 56px}.cv-builder-form-panel,.cv-builder-preview-panel{padding:18px}.cv-preview-header h1{font-size:22px}.cv-preview-paper{padding:24px 18px}}@media print{body{background:#fff}.cv-builder-form-panel,.cv-preview-actions,.navbar{display:none!important}.cv-builder-page,.cv-builder-layout,.cv-builder-preview-panel{width:100%;box-shadow:none;background:#fff;border:none;margin:0;padding:0;display:block}.cv-preview-paper{width:100%;max-width:760px;box-shadow:none;border:none;margin:0 auto;padding:40px 36px}.cv-preview-entry-head{grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important}.cv-preview-entry-head span{white-space:nowrap;text-align:right!important}.cv-preview-section,.cv-preview-entry,.cv-preview-skill-block p,.cv-preview-description,.cv-preview-meta{break-inside:avoid;page-break-inside:avoid}.cv-preview-section h2{break-after:avoid;page-break-after:avoid}}