*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172033;background:#f6f8fb}a{color:inherit;text-decoration:none}header{height:64px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:-webkit-sticky;position:sticky;top:0;z-index:5}.logo{font-size:22px;font-weight:800;color:#155eef}nav{display:flex;gap:20px;font-size:14px;font-weight:600}main{min-height:calc(100vh - 120px)}footer{text-align:center;padding:30px;color:#687386;font-size:13px}.wrap{max-width:1100px;margin:auto;padding:45px 20px}.hero{text-align:center;padding:70px 20px}.hero h1{font-size:44px;line-height:1.05;margin:10px auto 16px;max-width:780px}.hero p{font-size:18px;color:#657083;max-width:700px;margin:0 auto 28px}.buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;background:#155eef;color:#fff;border:0;border-radius:10px;padding:13px 18px;font-weight:700;cursor:pointer}.btn.alt{background:#fff;color:#155eef;border:1px solid #cfd7e6}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px}.card{background:#fff;border:1px solid #e4e8ef;border-radius:14px;padding:20px;box-shadow:0 4px 16px #1720330a}.card h3{margin-top:0}.ad{margin:18px 0;padding:16px;text-align:center;border:1px dashed #c7ceda;border-radius:10px;color:#7a8494;font-size:12px;background:#fff}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}input,select,textarea{font:inherit;border:1px solid #ccd4e1;border-radius:9px;padding:11px;background:#fff}textarea{min-height:110px;resize:vertical}.preview{background:#fff;padding:36px;min-height:700px;border:1px solid #ddd;box-shadow:0 8px 30px #00000010}.cvname{font-size:30px;font-weight:800;margin-bottom:4px}.muted{color:#687386}.template{min-height:150px;border:1px solid #e0e5ed;border-radius:12px;padding:18px;background:#fff}.template .sample{height:70px;border-radius:7px;background:#eef2f8;margin-bottom:12px}.tag{display:inline-block;padding:5px 8px;border-radius:20px;background:#eef4ff;color:#155eef;font-size:11px;margin:2px}@media(max-width:700px){header{padding:0 14px}nav{gap:8px;font-size:11px}.hero h1{font-size:34px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.wrap{padding:28px 14px}}@media print{.no-print,footer,header{display:none!important}body{background:#fff}.wrap{padding:0}.preview{box-shadow:none;border:0}}