*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#172235;font-family:Inter,system-ui,sans-serif}header{height:70px;background:#07111f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-size:20px}.brand b{color:#55e1b5}header button{margin-left:7px;padding:8px 12px;border:1px solid #ffffff33;border-radius:8px;background:#ffffff12;color:#fff;cursor:pointer}main{max-width:1050px;margin:auto;padding:35px 20px}.hero{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:25px}.hero p{color:#168b6d;font-size:11px;letter-spacing:2px;font-weight:900}.hero h1{font-size:46px;line-height:1;letter-spacing:-2px;margin:8px 0 15px}.hero span{color:#62748b}.security{padding:18px;border:1px solid #cfe6df;background:#eef9f5;border-radius:13px;max-width:330px;color:#285e50}.card{background:#fff;border:1px solid #dce4ed;border-radius:17px;padding:24px;margin:18px 0;box-shadow:0 8px 30px #23405a0d}.card h2{margin:0}.cardhead{display:flex;justify-content:space-between;gap:15px;align-items:center}.cardhead p{margin-top:5px;color:#718096}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.cols label{display:grid;gap:6px;font-weight:700;font-size:13px}.cols .full{grid-column:1/-1}.cols input,.cols textarea{padding:11px;border:1px solid #cbd6e2;border-radius:9px;font:inherit}.cols textarea{min-height:115px;resize:vertical}.buttons{display:flex;gap:9px;margin-top:18px}.buttons button,.cardhead button{border:0;border-radius:9px;padding:11px 15px;cursor:pointer;font-weight:800;background:#e9eef4;color:#172235}.buttons .primary,.primary{background:#168b6d;color:#fff}.status{padding:7px 10px;border-radius:99px;background:#eef2f6;color:#718096;font-size:12px}.message{margin-top:15px;padding:12px;border-radius:9px;display:none}.message.ok{display:block;background:#eef9f5;color:#145c4b}.message.error{display:block;background:#fff0f0;color:#9a2929}.preview{max-width:360px;max-height:220px;object-fit:cover;border-radius:10px;margin-top:15px}.factrow{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e6ebf1;padding:13px 0}.factrow small{color:#718096}@media(max-width:720px){.hero,.cardhead{display:block}.security{margin-top:20px}.cols{grid-template-columns:1fr}.cols .full{grid-column:auto}.hero h1{font-size:38px}}
