:root{--bg: #f6f8fb;--panel: #ffffff;--text: #162032;--muted: #5d6b82;--border: #dbe3ee;--brand: #2563eb;--brand-dark: #1e40af;--shadow: 0 20px 60px rgba(18, 38, 63, .12)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--text);background:var(--bg)}.app-shell{min-height:100vh;position:relative;overflow:hidden;padding:2rem 1.2rem 2.4rem}.background-glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);z-index:0;pointer-events:none}.background-glow-a{background:#2563eb2e;top:-220px;right:-120px}.background-glow-b{background:#0e9f6e29;bottom:-260px;left:-200px}.layout{position:relative;z-index:1;max-width:1200px;margin:0 auto}.hero{margin-bottom:1.5rem;animation:rise-in .7s ease}.eyebrow{display:inline-block;margin:0 0 .4rem;padding:.35rem .7rem;border-radius:999px;background:#e9f1ff;color:#1e40af;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}h1{font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,2.4vw,2.7rem);line-height:1.15;margin:0}.hero-copy{margin:.8rem 0 0;max-width:780px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.2rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:1.2rem}.form-panel{display:flex;flex-direction:column;gap:.92rem;animation:rise-in .8s ease}h2{margin:0;font-size:1.2rem;font-family:Space Grotesk,sans-serif}.panel-subtitle{margin:0;color:var(--muted);font-size:.94rem}.field{display:flex;flex-direction:column;gap:.45rem;font-size:.94rem;font-weight:700}input,textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:.75rem .85rem;font:inherit;color:var(--text);background:#fbfdff;transition:border .2s ease,box-shadow .2s ease}input:focus,textarea:focus{outline:none;border-color:#8db3ff;box-shadow:0 0 0 4px #2563eb26}small{color:var(--muted);font-weight:600}.upload-box{border:1.8px dashed #9eb6de;border-radius:12px;padding:.9rem;text-align:center;background:#f7faff;color:#234784;cursor:pointer;font-weight:700;transition:transform .2s ease,border-color .2s ease}.upload-box:hover{transform:translateY(-1px);border-color:#5f8ce1}.upload-box input{display:none}.subheading{margin:.45rem 0 .15rem;font-size:1rem;font-family:Space Grotesk,sans-serif}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.template-card{text-align:left;border:1px solid var(--border);border-left:6px solid var(--template-accent);border-radius:12px;background:#fff;padding:.75rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.template-card:hover{transform:translateY(-1px)}.template-card.active{border-color:var(--template-accent);box-shadow:0 10px 25px #12263f24}.template-title{display:block;font-weight:800;margin-bottom:.2rem}.template-description{display:block;color:var(--muted);font-size:.85rem;font-weight:600}.template-meta{display:block;margin-top:.35rem;color:#2b4e89;font-size:.78rem;font-weight:700}.status-text{margin:0;padding:.55rem .7rem;border:1px solid #dbe4f1;border-radius:10px;font-size:.85rem;font-weight:700;color:#234784;background:#f7fbff}.error-text{border-color:#f3c3c3;color:#a12222;background:#fff3f3}.success-text{border-color:#bde7c9;color:#14532d;background:#f0fdf4}.primary-btn,.secondary-btn{border:none;border-radius:12px;padding:.8rem 1rem;font:inherit;font-weight:800;cursor:pointer}.primary-btn{background:linear-gradient(105deg,var(--brand),#0ea5e9);color:#fff;transition:transform .2s ease,box-shadow .2s ease}.primary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #2563eb57}.preview-panel{display:flex;flex-direction:column;gap:.95rem;animation:rise-in .95s ease}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.stat-item{border:1px solid var(--border);border-radius:12px;background:#f9fbff;padding:.65rem}.label{display:block;color:var(--muted);font-size:.8rem;margin-bottom:.28rem}.resume-frame{border:1px solid #d7e2f2;border-radius:14px;background:#fff;padding:1rem;display:grid;gap:.8rem}.resume-header{border-left:5px solid var(--brand-dark);background:#f4f8ff;border-radius:10px;padding:.7rem .78rem}.resume-header h3{margin:0;font-size:1.04rem}.resume-header p{margin:.35rem 0 0;color:var(--muted);font-size:.86rem}.resume-sections{display:grid;gap:.65rem}.template-preview-shell{border:1px solid #d9e5f7;border-radius:10px;background:#f9fbff;overflow:hidden}.template-preview-frame{width:100%;min-height:220px;border:none;background:#fff}.template-preview-empty{margin:0;padding:.85rem;color:var(--muted);font-size:.85rem;font-weight:600}.resume-sections article{border:1px solid #e3eaf5;border-radius:10px;padding:.7rem}.resume-sections h4{margin:0;font-family:Space Grotesk,sans-serif}.resume-sections p{margin:.35rem 0 0;color:var(--muted);font-size:.86rem}.action-row{display:flex;gap:.6rem}.secondary-btn{background:#eaf1ff;color:#1c3d74;flex:1}.secondary-btn:disabled{opacity:.65;cursor:not-allowed}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.content-grid,.stat-grid{grid-template-columns:1fr}}@media (max-width: 640px){.app-shell{padding:1.1rem .75rem 1.4rem}.panel{border-radius:14px;padding:.95rem}.template-grid{grid-template-columns:1fr}.action-row{flex-direction:column}}