:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #132238; background: #eef5f5; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 15% 5%, #d2f2f4, transparent 32%), radial-gradient(circle at 90% 12%, #f8d9df, transparent 28%), #eef3f2; }
main { width: min(760px, calc(100% - 28px)); margin: 0 auto; padding: max(28px, env(safe-area-inset-top)) 0 max(48px, env(safe-area-inset-bottom)); }
header { padding: 30px 28px; border: 1px solid rgba(255,255,255,.82); border-radius: 24px; background: rgba(255,255,255,.72); box-shadow: 0 18px 45px rgba(31,69,83,.12); backdrop-filter: blur(22px); }
header span { color: #177d99; font-weight: 800; font-size: 12px; text-transform: uppercase; }
h1 { margin: 8px 0 6px; font-size: clamp(28px, 7vw, 44px); line-height: 1.08; }
header p, section p, section li { color: #526274; line-height: 1.7; }
section { margin-top: 14px; padding: 24px 26px; border: 1px solid rgba(255,255,255,.86); border-radius: 18px; background: rgba(255,255,255,.78); }
h2 { margin: 0 0 10px; font-size: 19px; }
ul { margin: 0; padding-left: 20px; }
a { color: #126f8d; font-weight: 700; }
.back { display: inline-flex; margin-bottom: 16px; color: #163044; text-decoration: none; }
label { display: grid; gap: 7px; margin: 12px 0; color: #536274; font-weight: 700; }
input, textarea { width: 100%; border: 1px solid #d7e2e6; border-radius: 12px; padding: 13px 14px; font: inherit; background: #fff; }
textarea { min-height: 130px; resize: vertical; }
button { width: 100%; border: 0; border-radius: 13px; padding: 14px; color: #fff; background: #155e78; font: inherit; font-weight: 800; cursor: pointer; }
small { color: #778492; }
@media (max-width: 480px) { header, section { padding: 21px 19px; border-radius: 16px; } }