:root{--bg:#f4f7fb;--bg-strong:#edf2ff;--panel:#fff;--panel-alt:#f8faff;--primary:#4f46e5;--primary-dark:#3730a3;--primary-soft:#eef2ff;--text:#0f172a;--muted:#5f6c87;--border:#e2e8f0;--accent:#10b981;--danger:#ef4444}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #eef4ff 0%, var(--bg) 100%);min-height:100vh;color:var(--text);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}button,input,textarea,a{font:inherit}button,a{cursor:pointer}button{border:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.error{color:#b91c1c;background:#ef444414;border:1px solid #ef444433;border-radius:10px;margin:0 0 18px;padding:12px 14px;font-weight:600}.success{color:#166534;background:#10b9811a;border:1px solid #10b98140;border-radius:10px;margin:0 0 18px;padding:12px 14px;font-weight:600}.home-page{background:radial-gradient(circle at 0 0,#4f46e524,#0000 32%),linear-gradient(#f8fbff 0%,#f3f6fd 100%);min-height:100vh}.topbar{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:24px 22px 0;display:flex}.brand{letter-spacing:-.04em;color:#3730a3;font-size:1.25rem;font-weight:800}.topbar-actions{align-items:center;gap:14px;display:flex}.nav-link,.primary-btn,.secondary-btn{border-radius:12px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:inline-flex}.nav-link,.secondary-btn{color:#3730a3;background:#4f46e514;padding:10px 16px;font-weight:600}.primary-btn{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6d5df6 100%);padding:14px 22px;font-weight:700;box-shadow:0 12px 24px #4f46e53d}.nav-link:hover,.secondary-btn:hover,.primary-btn:hover{transform:translateY(-1px)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:42px;max-width:1200px;margin:0 auto;padding:54px 22px 80px;display:grid}.eyebrow{color:#3730a3;letter-spacing:.08em;text-transform:uppercase;background:#4f46e51a;border-radius:999px;margin-bottom:20px;padding:8px 14px;font-size:.78rem;font-weight:700;display:inline-block}.hero-copy h1{letter-spacing:-.06em;color:#0f172a;margin:0 0 18px;font-size:clamp(2.7rem,4vw,4.5rem);line-height:1.02}.hero-copy p{color:#5f6c87;max-width:630px;margin:0;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.secondary-btn{box-shadow:inset 0 0 0 1px #4f46e52e}.hero-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #94a3b833;border-radius:24px;padding:26px;box-shadow:0 25px 60px #0f172a14}.feature-badge{color:#047857;letter-spacing:.06em;text-transform:uppercase;background:#10b9811a;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.mini-card{background:linear-gradient(135deg,#fff 0%,#f4f3ff 100%);border:1px solid #4f46e51a;border-radius:18px;margin-top:20px;padding:20px}.mini-card h3{margin:0 0 10px}.score-pill{color:#3730a3;background:#4f46e51f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:12px;padding:8px 14px;font-weight:800;display:inline-flex}.mini-card p{color:#5f6c87;margin:0;line-height:1.6}.feature-list{gap:16px;margin-top:18px;display:grid}.feature-list div{background:#4f46e508;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.feature-list strong{font-size:.96rem}.feature-list span{color:#5f6c87;font-size:.88rem}@media (width<=1000px){.hero{grid-template-columns:1fr}}@media (width<=700px){.topbar{flex-direction:column;align-items:flex-start;padding-left:20px;padding-right:20px}}.auth-container{background:linear-gradient(135deg,#4f46e517,#94a3b82e);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-form{background:#fffffff5;border:1px solid #94a3b838;border-radius:26px;width:min(100%,440px);padding:32px 28px;box-shadow:0 20px 45px #0f172a14}.auth-form h2{text-align:center;letter-spacing:-.05em;margin:0 0 22px;font-size:clamp(1.8rem,3vw,2.2rem)}.auth-form input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:16px;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:#4f46e5b3;outline:none;box-shadow:0 0 0 4px #4f46e51f}.auth-form button{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6d5df6 100%);border-radius:12px;width:100%;margin-top:8px;padding:14px 18px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 24px #4f46e53d}.auth-form button:hover{transform:translateY(-1px)}.auth-form p{text-align:center;color:#5f6c87;margin:18px 0 0}.auth-form a{color:#4f46e5;font-weight:700}.dashboard{background:linear-gradient(#f5f8ff 0%,#f4f7fb 100%);min-height:100vh}.dashboard-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#ffffffe6;border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex;position:sticky;top:0}.dashboard-nav h2{color:#3730a3;letter-spacing:-.04em;margin:0;font-size:1.25rem}.dashboard-nav div{align-items:center;gap:18px;display:flex}.dashboard-nav span{color:#5f6c87;font-weight:600}.dashboard-nav button{color:#fff;background:linear-gradient(135deg,#ef4444,#f97316);border-radius:10px;padding:10px 16px;font-weight:700}.dashboard-content{max-width:1200px;margin:0 auto;padding:42px 20px 60px}.dashboard-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.dashboard-header h1{letter-spacing:-.06em;margin:0 0 8px;font-size:clamp(2rem,3vw,2.8rem)}.dashboard-header p{color:#5f6c87;margin:0;font-size:1rem}.create-btn,.empty-state a,.card-buttons a,.card-buttons button{border-radius:12px;justify-content:center;align-items:center;transition:transform .2s,box-shadow .2s;display:inline-flex}.create-btn,.empty-state a,.card-buttons button{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6d5df6 100%);font-weight:700;box-shadow:0 12px 24px #4f46e53d}.create-btn{padding:14px 22px}.resume-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;margin-top:22px;display:grid}.resume-card{background:#ffffffe6;border:1px solid #94a3b82e;border-radius:20px;padding:24px;box-shadow:0 18px 40px #0f172a0d}.resume-card h3{margin:0 0 10px;font-size:1.2rem}.resume-card p{color:#5f6c87;margin:0}.score{background:#4f46e50f;border-radius:12px;justify-content:space-between;align-items:center;margin:20px 0;padding:14px 16px;display:flex}.score span{color:#5f6c87;font-weight:600}.score strong{color:#10b981;letter-spacing:-.05em;font-size:1.8rem}.card-buttons{flex-wrap:wrap;gap:10px;display:flex}.card-buttons a,.card-buttons button{border-radius:10px;flex:110px;min-height:42px;padding:10px 12px}.card-buttons a{color:#3730a3;background:#edf2ff;font-weight:700}.score-btn{color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#34d399 100%)!important}.delete-btn{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#f43f5e 100%)!important}.empty-state{text-align:center;background:#fffffff5;border:1px solid #94a3b833;border-radius:22px;margin-top:24px;padding:56px 30px;box-shadow:0 20px 36px #0f172a0a}.empty-state h3{margin:0 0 10px;font-size:2rem}.empty-state p{color:#5f6c87;margin:0 0 22px}.empty-state a{padding:12px 20px}@media (width<=700px){.dashboard-nav,.dashboard-header{flex-direction:column;align-items:flex-start;padding-left:20px;padding-right:20px}.dashboard-header{align-items:flex-start}.card-buttons{flex-direction:column}.card-buttons a,.card-buttons button{width:100%}}.create-resume-page{background:linear-gradient(#f5f8ff 0%,#f4f7fb 100%);min-height:100vh;padding:34px 20px 60px}.resume-builder{grid-template-columns:minmax(0,1fr) minmax(320px,520px);align-items:start;gap:28px;max-width:1500px;margin:0 auto;display:grid}.form-container{background:#fffffff5;border:1px solid #94a3b833;border-radius:26px;padding:30px 28px 26px;box-shadow:0 20px 50px #0f172a0f}.form-container h1{text-align:center;letter-spacing:-.06em;margin:0 0 8px;font-size:clamp(2rem,3vw,2.7rem)}.subtitle{text-align:center;color:#5f6c87;margin:0 0 22px}.form-section{background:#f8faffe6;border:1px solid #94a3b82e;border-radius:18px;margin-bottom:28px;padding:24px 18px 0}.form-section h2{color:#0f172a;margin:0 0 16px;font-size:1.15rem}.section-title-row{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.ai-button{color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:12px;padding:10px 14px;font-size:.83rem;transition:transform .2s}.ai-button:disabled,.save-resume-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.ai-hint{color:#5f6c87;margin:8px 0 0;font-size:.9rem}.form-section input,.form-section textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.form-section input:focus,.form-section textarea:focus{border-color:#4f46e5b3;outline:none;box-shadow:0 0 0 4px #4f46e51f}.form-section textarea{resize:vertical;min-height:120px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.skill-input{gap:12px;display:flex}.skill-input input{flex:1}.skill-input button,.skills-list button{border-radius:10px}.skill-input button{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6d5df6 100%);min-width:92px;font-weight:700}.secondary-button,.remove-button,.project-card-actions button{border-radius:10px;font-weight:600}.secondary-button{color:#3730a3;background:#eef2ff;border:1px solid #6366f126}.project-card{background:#fffc;border:1px solid #94a3b833;border-radius:16px;margin-top:18px;padding:18px}.project-card-header{color:#1e293b;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;font-weight:700;display:flex}.project-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.remove-button{color:#be123c;background:#fff1f2;border:1px solid #be123c2e}.skills-list{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.skills-list span{color:#3730a3;background:#eef2ff;border:1px solid #4f46e51f;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:600;display:inline-flex}.skills-list button{color:#dc2626;background:0 0;padding:0;font-size:1.2rem;line-height:1}.save-resume-btn{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6d5df6 100%);border-radius:12px;width:100%;margin-top:12px;padding:15px;font-weight:700;box-shadow:0 12px 24px #4f46e53d}.preview-container{position:sticky;top:20px}.preview-container>h2{text-align:center;color:#3730a3;margin:0 0 16px}.download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:10px;padding:8px 12px;font-weight:700}.download-btn:active{transform:translateY(1px)}.resume-preview{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #94a3b82e;border-radius:18px;width:100%;max-width:900px;min-height:800px;margin:0 auto;padding:clamp(16px,3vw,40px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 18px 42px #0f172a14}.preview-header{text-align:center;border-bottom:2px solid #0f172acc;margin-bottom:20px;padding-bottom:16px;position:relative}.avatar{object-fit:cover;border:3px solid #ffffffe6;border-radius:50%;width:clamp(64px,10vw,120px);height:clamp(64px,10vw,120px);margin:0 auto 12px;display:block}.avatar-input{object-fit:cover;border-radius:50%;width:72px;height:72px;margin-top:10px;display:inline-block}.photo-input input[type=file]{margin-top:8px}.photo-preview{align-items:center;gap:10px;margin-top:8px;display:flex}.photo-label{font-weight:700;display:block}.preview-header h1{letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:clamp(1.6rem,3.5vw,2.4rem)}.preview-header p{color:#5f6c87;margin:4px 0}.preview-links{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.preview-links a{color:#4f46e5;word-break:break-word;font-weight:700}.preview-section,.resume-item{page-break-inside:avoid}@media (width<=700px){.resume-preview{min-height:auto;padding:16px}.preview-header h1{font-size:clamp(1.2rem,6vw,1.8rem)}.avatar{margin-bottom:8px}.item-header{flex-direction:column;align-items:flex-start;gap:6px}.preview-skills span{font-size:.75rem}.download-btn{width:100%}}.preview-section{margin-bottom:24px}.preview-section h2{letter-spacing:.1em;text-transform:uppercase;color:#0f172a;border-bottom:1px solid #0f172a33;margin:0 0 12px;padding-bottom:6px;font-size:1rem}.preview-section p,.preview-item p{color:#334155;margin:0;line-height:1.6}.preview-skills{flex-wrap:wrap;gap:8px;display:flex}.preview-skills span{color:#3730a3;background:#4f46e514;border:1px solid #4f46e51a;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:700}.preview-item{margin-bottom:18px}.preview-item h3{margin:0 0 4px;font-size:1rem}.item-header{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:8px;display:flex}.item-header>div{flex:1}.item-header span{color:#5f6c87;white-space:nowrap;font-size:.8rem}.technologies{font-size:.85rem;color:#5f6c87!important;margin:6px 0 8px!important}@media (width<=1000px){.resume-builder{grid-template-columns:1fr}.preview-container{position:static}}@media (width<=700px){.form-container{padding:18px 16px}.form-section{border-radius:14px;padding:16px 12px 6px}.section-title-row{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.form-grid{grid-template-columns:1fr}.item-header{flex-direction:column;gap:6px}.form-section input,.form-section textarea{padding:10px 12px;font-size:.98rem}.skill-input{flex-direction:column;gap:8px}.skill-input input{width:100%}.skill-input button{width:100%;min-width:auto}.skills-list{gap:8px}.project-card{padding:14px}.project-card-header{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.project-card-actions{gap:8px}.project-card input,.project-card textarea{margin-top:8px}.save-resume-btn{padding:12px;font-size:1rem}.download-btn{width:100%}}.resume-pdf{color:#222;box-sizing:border-box;background:#fff;width:210mm;min-height:297mm;padding:18mm;font-family:Arial,Helvetica,sans-serif}.pdf-header{text-align:center;border-bottom:2px solid #222;margin-bottom:20px;padding-bottom:15px}.pdf-header h1{text-transform:uppercase;margin:0 0 10px;font-size:30px}.contact-info,.links{flex-wrap:wrap;justify-content:center;gap:12px;font-size:12px;display:flex}.links{margin-top:5px}.links a,.preview-links a{color:inherit;word-break:break-word;text-decoration:underline}.resume-pdf{width:auto;max-width:100%;padding:clamp(12px,2.5vw,18mm);font-size:14px}.resume-pdf h1{font-size:clamp(1.4rem,3.2vw,2rem)}.resume-pdf p{font-size:clamp(.9rem,1.6vw,1rem)}@media (width<=900px){.resume-pdf{padding:16px}.item-header{flex-direction:column;gap:6px}}@media print{.resume-pdf{width:210mm;min-height:297mm;padding:18mm}.resume-pdf section,.resume-item,.preview-section{page-break-inside:avoid}a{color:#00e;text-decoration:underline}}.resume-pdf section{margin-bottom:20px}.resume-pdf section h2{border-bottom:1px solid #444;margin-bottom:10px;padding-bottom:5px;font-size:15px}.resume-pdf p{margin:5px 0;font-size:12px;line-height:1.5}.resume-item{margin-bottom:14px}.item-header{justify-content:space-between;gap:15px;display:flex}.company{font-weight:700}.technologies{font-style:italic;font-size:11px!important}@media print{body{margin:0}.resume-pdf{width:210mm;min-height:297mm;box-shadow:none}}.score-page{background:linear-gradient(#f5f8ff 0%,#f4f7fb 100%);min-height:100vh;padding:40px 20px 60px}.score-header{text-align:center;max-width:1000px;margin:0 auto 35px}.score-header h1{letter-spacing:-.06em;margin:18px 0 8px;font-size:clamp(2.1rem,3vw,3rem)}.score-header p{color:#5f6c87;margin:0}.back-button{color:#3730a3;background:#ffffffe6;border-radius:12px;padding:10px 18px;display:inline-flex;box-shadow:inset 0 0 0 1px #4f46e51f}.overall-score-card{background:#fffffff5;border:1px solid #94a3b82e;border-radius:24px;align-items:center;gap:28px;max-width:1000px;margin:0 auto;padding:30px 28px;display:flex;box-shadow:0 18px 40px #0f172a0f}.score-circle{background:radial-gradient(circle,#4f46e51f 0%,#4f46e505 70%,#0000 71%);border:10px solid #4f46e5;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.score-circle span{color:#3730a3;font-size:2.5rem;font-weight:800;line-height:1}.score-circle small{color:#5f6c87;font-size:.8rem}.overall-score-card h2{margin:0 0 12px}.overall-score-card p{color:#5f6c87;margin:0}.section-heading{max-width:1000px;margin:38px auto 18px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1000px;margin:0 auto;display:grid}.score-card{background:#fffffff5;border:1px solid #94a3b82e;border-radius:18px;padding:20px 18px;box-shadow:0 12px 20px #0f172a0d}.score-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.score-card-header h3{margin:0;font-size:1rem}.score-card-header strong{color:#3730a3;font-size:1.2rem}.progress-bar{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.progress{background:linear-gradient(90deg,#4f46e5 0%,#7c3aed 100%);border-radius:999px;height:100%;transition:width .4s}.suggestions-card{background:#fffffff5;border:1px solid #94a3b82e;border-radius:24px;max-width:1000px;margin:40px auto 0;padding:26px 22px;box-shadow:0 18px 40px #0f172a0d}.suggestions-card h2{margin:0 0 18px}.suggestions-list{flex-direction:column;gap:14px;display:flex}.suggestion{background:#4f46e50a;border-radius:14px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.suggestion span{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:inline-flex}.suggestion p{color:#334155;margin:0;line-height:1.6}.analyze-again{text-align:center;margin-top:28px}.analyze-again button{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6d5df6 100%);border-radius:12px;padding:13px 25px;font-weight:600}.analyze-again button:disabled{opacity:.7;cursor:not-allowed}.score-loading,.score-error{text-align:center;background:linear-gradient(#f5f8ff 0%,#f4f7fb 100%);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:24px;display:flex}.score-error button{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6d5df6 100%);border-radius:12px;padding:12px 18px}@media (width<=700px){.score-grid{grid-template-columns:1fr}.overall-score-card{text-align:center;flex-direction:column}}