@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--ink:#16202b;--muted:#617084;--line:#e5eaf0;--brand:#0e7a6d;--dark:#07584f;--bg:#f4f7f8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Cairo,Tahoma,sans-serif}.shell{width:min(860px,calc(100% - 32px));margin:48px auto 80px}.hero{padding:20px 4px 28px}.hero span{color:var(--brand);font-size:.75rem;font-weight:800;letter-spacing:.1em;direction:ltr;display:block}.hero h1{font-size:clamp(2rem,5vw,3.15rem);margin:10px 0 8px;line-height:1.25}.hero p{margin:0;color:var(--muted);font-size:1.05rem}.card,.success{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:16px;box-shadow:0 8px 28px rgb(22 32 43/.035)}.title{display:flex;gap:12px;align-items:flex-start;margin-bottom:22px}.title i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dff2ee;color:var(--dark);font-style:normal;font-weight:800;flex:none}h2{margin:0;font-size:1.2rem}.title p{margin:3px 0 0;color:var(--muted);font-size:.88rem}.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.type-grid label{border:1px solid var(--line);border-radius:13px;padding:16px;cursor:pointer;transition:.18s;display:grid;gap:4px}.type-grid label:has(input:checked){border-color:var(--brand);background:#f0faf8;box-shadow:0 0 0 2px #ccece6}.type-grid input{position:absolute;opacity:0}.type-grid small{color:var(--muted);line-height:1.55}.fields{display:grid;gap:16px}.fields.two{grid-template-columns:repeat(2,1fr)}.wide{grid-column:1/-1}label{display:grid;gap:7px;font-size:.92rem;font-weight:700}b{color:#c4320a}input,select,textarea{width:100%;border:1px solid #cfd8e3;border-radius:10px;padding:11px 12px;font:inherit;color:var(--ink);background:#fff}textarea{resize:vertical;min-height:92px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px #d9f1ec}.submit,.success button{border:0;border-radius:12px;background:var(--brand);color:#fff;padding:15px 22px;width:100%;font:700 1rem Cairo,sans-serif;cursor:pointer}.submit:hover,.success button:hover{background:var(--dark)}.submit:disabled{opacity:.65;cursor:wait}.error{background:#fff4e9;border:1px solid #f7c58b;color:#b54708;padding:12px 14px;border-radius:10px;margin-bottom:14px}.success{text-align:center;border-color:#a7e0d4;padding:48px 28px}.success>span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#dff2ee;color:var(--dark);font-weight:900;font-size:1.5rem}.success h2{font-size:1.6rem}.success p{color:var(--muted)}.success strong{display:block;margin:18px 0 26px;color:var(--dark);direction:ltr;font-size:1.2rem}@media(max-width:620px){.shell{width:min(100% - 20px,860px);margin-top:24px}.card{padding:20px;border-radius:14px}.type-grid,.fields.two{grid-template-columns:1fr}.wide{grid-column:auto}}