:root{
  --bg:#f4f6fb;
  --surface:#ffffff;
  --surface-soft:#f8faff;
  --text:#19233a;
  --muted:#6f7b96;
  --line:#e2e8f5;
  --primary:#2f6bff;
  --primary-2:#7b61ff;
  --shadow:0 12px 40px rgba(31,56,114,.12);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top left,#fff 0,#f5f8ff 42%,#eef3ff 100%);color:var(--text)}
.wrap{max-width:1160px;margin:36px auto;padding:0 20px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:18px;box-shadow:var(--shadow)}
.hero{background:linear-gradient(145deg,#ffffff 0%,#f6f9ff 100%)}
.card-form{max-width:640px;margin:0 auto}
h1,h2{margin:0 0 14px}
h1{font-size:32px;font-weight:700;letter-spacing:-.02em}
h2{font-size:22px}
.subtitle{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.5}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
table{width:100%;border-collapse:collapse;background:var(--surface-soft);border-radius:12px;overflow:hidden}
th,td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left}
th{font-size:13px;color:#4f5f85;text-transform:uppercase;letter-spacing:.04em;background:#f3f6fe}
tr:last-child td{border-bottom:none}
input,select,textarea{width:100%;margin-bottom:10px;padding:12px 14px;background:#fff;border:1px solid #d9e2f4;color:var(--text);border-radius:12px;transition:.2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#90adff;box-shadow:0 0 0 4px rgba(88,127,255,.12)}
button{background:linear-gradient(120deg,var(--primary),var(--primary-2));border:0;padding:12px 16px;color:#fff;border-radius:12px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px rgba(76,102,255,.3)}
a{color:#355fe9;text-decoration:none}
a:hover{text-decoration:underline}
.back-link{display:inline-block;margin-top:10px;font-weight:600}
@media (max-width:900px){.grid{grid-template-columns:1fr}h1{font-size:26px}}