:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172026;background:#f5f7f8}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}main{min-height:100vh}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;align-items:center;min-height:100vh;padding:56px clamp(20px,5vw,72px);background:linear-gradient(120deg,rgba(31,122,140,.12),transparent 45%),linear-gradient(300deg,rgba(231,111,81,.14),transparent 42%),#f5f7f8}.intro{max-width:780px}.brand{display:inline-flex;gap:10px;align-items:center;color:#1f7a8c;font-weight:800;margin-bottom:28px}h1{font-size:clamp(2.4rem,6vw,5.8rem);line-height:.96;margin:0;max-width:900px}.intro p{color:#51616b;font-size:1.12rem;line-height:1.7;max-width:680px;margin:28px 0}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:640px}.metric-row div,.analyzer-panel,.score-card,.insight-card,.analytics>div{border:1px solid rgba(23,32,38,.1);background:#ffffffd1;box-shadow:0 20px 50px #17202614}.metric-row div{border-radius:8px;padding:18px}.metric-row strong,.metric-row span{display:block}.metric-row strong{font-size:1.4rem}.metric-row span{color:#62727b;margin-top:5px}.analyzer-panel{border-radius:8px;padding:22px;display:grid;gap:18px}label{display:grid;gap:8px;font-weight:700}.role-search{position:relative}.role-suggestions{position:absolute;z-index:10;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;border:1px solid rgba(23,32,38,.12);border-radius:8px;background:#fff;box-shadow:0 20px 40px #17202624;padding:6px}.role-suggestions button{width:100%;min-height:40px;justify-content:flex-start;color:#243941;background:transparent;border-radius:6px;padding:0 12px;font-weight:700}.role-suggestions button:hover,.role-suggestions button:focus{color:#1f7a8c;background:#edf6f7}.role-suggestions span{display:block;color:#62727b;padding:12px;font-weight:700}.dropzone{position:relative;min-height:176px;place-items:center;text-align:center;color:#1f7a8c;border:1.5px dashed rgba(31,122,140,.45);border-radius:8px;background:#f9fcfd;cursor:pointer;padding:22px}.dropzone span,label textarea::placeholder,label input::placeholder{color:#70818a}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}input,textarea{width:100%;border:1px solid rgba(23,32,38,.14);border-radius:8px;padding:13px 14px;color:#172026;background:#fff;outline:none}textarea{min-height:128px;resize:vertical}input:focus,textarea:focus{border-color:#1f7a8c;box-shadow:0 0 0 4px #1f7a8c1f}button{min-height:48px;display:inline-flex;gap:10px;align-items:center;justify-content:center;border:0;border-radius:8px;color:#fff;background:#1f7a8c;font-weight:800;cursor:pointer}button:disabled{opacity:.7;cursor:wait}.spin{animation:spin .8s linear infinite}.error{color:#a33a2b;background:#fff1ee;border:1px solid #ffd0c7;padding:12px;border-radius:8px}.results{padding:56px clamp(20px,5vw,72px);display:grid;gap:24px}.results-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.results-header span{display:block;color:#62727b;font-weight:700;margin-bottom:6px}.results-header h2{font-size:1.55rem}.download-button{width:auto;padding:0 18px;white-space:nowrap}.score-card{position:relative;border-radius:8px;padding:24px;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:28px}.score-label{position:absolute;left:24px;top:75px;width:260px;text-align:center}.score-label strong{display:block;font-size:3rem}.score-label span{color:#62727b;font-weight:700}.score-card p{color:#43525a;font-size:1.08rem;line-height:1.7}.result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feature-grid{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:18px}.insight-card,.job-match-panel,.analytics>div{border-radius:8px;padding:22px}.job-match-panel{border:1px solid rgba(23,32,38,.1);background:#ffffffd1;box-shadow:0 20px 50px #17202614}.job-match-panel>strong{display:block;margin:18px 0 8px;color:#1f7a8c;font-size:3rem;line-height:1}.job-match-panel p{color:#4e5f68;line-height:1.55;margin:0 0 18px}.keyword-groups{display:grid;gap:14px}.keyword-groups span{display:block;color:#43525a;font-weight:800;margin-bottom:8px}.keyword-list{display:flex;flex-wrap:wrap;gap:7px}.keyword-list mark{color:#24505a;background:#e7f3f4;border:1px solid rgba(31,122,140,.12);border-radius:999px;padding:6px 9px;font-size:.82rem;font-weight:800}.card-title{display:flex;align-items:center;gap:10px;color:#1f7a8c}h2{margin:0;font-size:1.05rem}ul{margin:18px 0 0;padding-left:20px;color:#4e5f68;line-height:1.6}.analytics{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.skills{display:grid;align-content:start;gap:16px}.skill{display:grid;gap:8px}.skill span,.headline span{color:#43525a;font-weight:700}.skill div{height:10px;background:#e8edf0;border-radius:999px;overflow:hidden}.skill i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f7a8c,#2a9d8f)}.headline{display:grid;gap:8px;margin-top:10px;padding:16px;border-radius:8px;background:#eef8f9}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.workspace,.score-card,.analytics{grid-template-columns:1fr}.result-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.score-label{top:75px}}@media(max-width:640px){.workspace{padding-top:32px}.metric-row,.result-grid,.feature-grid{grid-template-columns:1fr}.score-card{padding:18px}.results-header{align-items:stretch;flex-direction:column}.download-button{width:100%}.score-label{left:18px;width:calc(100% - 36px)}}