@font-face{font-family:system;src:local(Tahoma)}:root{font-family:system,Tahoma,sans-serif;color:#17202a;background:#eef1f4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#d7e9e5 0,transparent 28%),#eef1f4}main{max-width:1040px;margin:40px auto;padding:0 20px}header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}h1{font-size:34px;margin:6px 0}h2{margin:0 0 8px;font-size:20px}p{color:#66727d;margin:4px 0;line-height:1.8}.eyebrow{color:#087f68;font-weight:700}.status{background:#dff5ed;color:#087f68;padding:10px 16px;border-radius:30px;font-size:13px}form{display:grid;gap:16px}section{background:#fff;border:1px solid #dde3e8;border-radius:18px;padding:24px;box-shadow:0 8px 30px #1e293b0a}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.two{grid-template-columns:repeat(2,1fr)}label{display:grid;gap:8px;font-size:13px;color:#4e5b66}input,textarea{width:100%;border:1px solid #ccd5dc;background:#f9fafb;border-radius:10px;padding:12px;font:inherit;color:#17202a;outline:none}input:focus,textarea:focus{border-color:#0c8f77;box-shadow:0 0 0 3px #0c8f7718}.section-title,footer{display:flex;justify-content:space-between;align-items:center}.switch input{display:none}.switch span{display:block;width:48px;height:27px;background:#bac3c9;border-radius:20px;position:relative}.switch span:after{content:"";position:absolute;width:21px;height:21px;right:3px;top:3px;background:white;border-radius:50%;transition:.2s}.switch input:checked+span{background:#0c8f77}.switch input:checked+span:after{right:24px}.preview{background:#f0f8f6;border-radius:12px;padding:12px;display:grid;gap:5px;align-content:center}.preview span{font-size:12px;color:#66727d}.preview strong{color:#087f68}footer{padding:10px 4px}button{border:0;border-radius:12px;background:#087f68;color:white;padding:13px 28px;font:inherit;font-weight:700;cursor:pointer}#message{color:#087f68}@media(max-width:760px){main{margin:20px auto}.grid,.two{grid-template-columns:1fr 1fr}header{display:block}.status{display:inline-block;margin-top:14px}}@media(max-width:480px){.grid,.two{grid-template-columns:1fr}h1{font-size:27px}}