body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f6fb;color:#111827;transition:background .3s ease,color .3s ease}body.dark{background:#111827;color:#f9fafb}.page-shell{max-width:1080px;margin:0 auto;padding:32px 24px 48px}.hero-panel{display:grid;gap:24px;grid-template-columns:1.3fr 1fr;align-items:start}.card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:24px;box-shadow:0 24px 60px #0f172a0f;padding:28px}.eyebrow{margin:0 0 12px;color:#2563eb;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}h1{margin:0;font-size:clamp(2.2rem,2.8vw,3.4rem);line-height:1.04}.hero-copy{margin:18px 0 0;max-width:600px;line-height:1.75;color:#4b5563}.card-input textarea{width:100%;min-height:220px;border-radius:16px;border:1px solid #d1d5db;padding:16px;resize:vertical;font-size:1rem;line-height:1.6;margin:20px 0;background:#f8fafc}.file-upload{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#2563eb;color:#fff;padding:11px 18px;font-weight:600;cursor:pointer;border:none;transition:background .2s ease}.file-upload input{display:none}.drop-zone{position:relative;border:2px dashed #cbd5e1;border-radius:20px;padding:26px 22px;display:grid;gap:10px;background:#f8fbff;cursor:pointer;transition:border-color .2s ease,background .2s ease}.drop-zone.dragging{border-color:#2563eb;background:#eff6ff}.drop-zone input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.drop-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#2563eb;color:#fff;font-size:1.2rem}.drop-zone strong{font-size:1rem}.drop-zone p{margin:4px 0 0;color:#475569}.file-preview{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:14px;color:#334155;font-size:.94rem}.primary-button{width:100%;border:none;border-radius:14px;padding:16px;background:#111827;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;margin-top:12px}.primary-button:disabled{opacity:.6;cursor:not-allowed}.input-header,.results-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.chip,.badge{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:600}.error-banner{background:#fee2e2;color:#b91c1c;border-radius:14px;padding:14px;margin-top:16px}.hint{margin-top:16px;color:#6b7280;font-size:.95rem}.card-results{min-height:360px}.section-title{font-size:.95rem;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.subtle{margin:0;color:#6b7280}.score-block{margin:20px 0}.score-top-row{display:grid;gap:22px;grid-template-columns:220px 1fr;align-items:center}.score-circle-shell{display:grid;place-items:center}.score-circle{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;position:relative}.score-value{display:grid;place-items:center;text-align:center}.score-value strong{font-size:2.25rem;line-height:1}.score-value span{color:#475569;font-size:.95rem}.score-summary-card{background:#f8fbff;border:1px solid #dbeafe;border-radius:20px;padding:20px}.score-summary-text{margin:12px 0 0;color:#475569;line-height:1.7}.score-status{display:flex;align-items:center;gap:10px;margin-top:16px;color:#111827}.status-dot{width:12px;height:12px;border-radius:999px;display:inline-block}.status-dot.green{background:#16a34a}.status-dot.yellow{background:#f59e0b}.status-dot.red{background:#dc2626}.section-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0}.section-card{background:#f8fbff;border:1px solid #dbeafe;border-radius:18px;padding:18px}.section-card p{margin:0 0 10px;color:#475569;font-weight:700}.section-bar{width:100%;height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:12px}.section-bar div{height:100%;background:linear-gradient(90deg,#2563eb,#0ea5e9)}.missing-keywords{margin:18px 0}.tag-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.keyword-chip{background:#fee2e2;color:#991b1b;padding:10px 14px;border-radius:999px;font-size:.95rem}.suggestion-grid{display:grid;gap:14px;margin-top:20px}.suggestion-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:18px}.suggestion-card p{margin:0;color:#334155;line-height:1.8}@media (max-width: 900px){.score-top-row,.section-grid{grid-template-columns:1fr}}.score-label{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:1rem}.score-bar{width:100%;height:18px;background:#e5e7eb;border-radius:999px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#2563eb,#0ea5e9)}.analysis-group h2{font-size:1.05rem;margin-bottom:10px}.analysis-group p,.analysis-group ul{margin:0;color:#374151;line-height:1.8}.analysis-group ul{margin-top:0;padding-left:20px}.analysis-group li{margin-bottom:10px}.empty-state{min-height:180px;display:grid;place-items:center;text-align:center;color:#6b7280}@media (max-width: 900px){.hero-panel{grid-template-columns:1fr}}body.dark .card{background:#1f2937;border-color:#ffffff1a;color:#f9fafb}body.dark .drop-zone{background:#374151;border-color:#4b5563}body.dark .file-preview{background:#374151;border-color:#4b5563;color:#f9fafb}body.dark .score-summary-card,body.dark .section-card{background:#374151;border-color:#4b5563}body.dark .suggestion-card{background:#1f2937;border-color:#ffffff1a}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.landing-content{text-align:center;max-width:600px;padding:40px}.landing-content h1{font-size:3rem;margin-bottom:20px}.landing-content p{font-size:1.2rem;margin-bottom:40px;opacity:.9}.landing-button{background:#fff;color:#667eea;border:none;padding:16px 32px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease}.landing-button:hover{transform:scale(1.05)}.dark-mode-toggle{position:absolute;top:20px;right:20px;background:#fff3;border:none;padding:10px 15px;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem}.role-selector{margin-bottom:20px}.role-selector label{display:block;margin-bottom:8px;font-weight:600}.role-selector select{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:12px;font-size:1rem;background:#f8fafc}.results-actions{display:flex;gap:12px;align-items:center}.download-button{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem}.download-button:hover{background:#1d4ed8}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f6fb;color:#111827}*{box-sizing:border-box}