body{font-family:Arial,Tahoma;background:#f4f7fb;color:#172033;margin:0}.wrap{max-width:900px;margin:40px auto;padding:20px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;box-shadow:0 18px 50px #0f172a12}h1{margin-top:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{display:block;font-weight:700;margin-bottom:6px}input{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbd5e1;border-radius:10px}.btn{background:#2563eb;color:#fff;border:0;padding:13px 22px;border-radius:11px;font-weight:700;cursor:pointer}.ok{background:#ecfdf5;color:#166534;padding:18px;border-radius:12px}.err{background:#fef2f2;color:#991b1b;padding:14px;border-radius:12px;margin-bottom:16px}@media(max-width:700px){.grid{grid-template-columns:1fr}}