:root{--bg: #0b1220;--bg2: #0e1a2b;--ink: #0f1e30;--muted: #4a5f6f;--card: #fff;--line: #e6edf3;--accent: #0b7285;--accent2: #14b8a6;--soft: #f5f9fb;--warn: #ff6b57}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:focus-visible,.btn:focus-visible,.hamburger:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent2);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:100}.skip-link:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;padding:12px 18px;background:#fff;color:var(--ink);border:2px solid var(--accent);border-radius:8px;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,.2)}.wrap{max-width:1080px;margin:0 auto;padding:0 22px}.btn{display:inline-block;border-radius:10px;padding:13px 24px;font-weight:650;border:0;cursor:pointer;font-size:16px}.btn-primary{background:linear-gradient(135deg, #0d818e, #0a5560);color:#fff;box-shadow:0 8px 22px rgba(8,80,96,.4);transition:transform .15s}.btn-primary:hover{transform:translateY(-2px)}.btn-primary[disabled]{opacity:.6;cursor:default;transform:none}header{position:sticky;top:0;z-index:20;background:rgba(11,18,32,.72);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.08)}.nav{display:flex;align-items:center;justify-content:space-between;height:64px;position:relative}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:750;font-size:18px}.brand svg{width:26px;height:26px}.brand b{color:#b2f5ea}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a{color:#e2e8f0;font-size:15px}.nav-links a:hover{color:#fff}.hamburger{display:none;color:#fff;font-size:26px;cursor:pointer;user-select:none;line-height:1;padding:8px;margin:-8px -8px -8px 0}.navtoggle{display:none}@media(max-width: 720px){.hamburger{display:block}.nav-links{position:absolute;top:64px;left:0;right:0;background:#0e1a2b;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 12px;display:none;border-bottom:1px solid hsla(0,0%,100%,.12);box-shadow:0 14px 26px rgba(0,0,0,.35);overflow-x:hidden}.nav-links a{display:block;padding:14px 22px;width:auto;align-self:stretch;box-sizing:border-box;font-size:16px}.nav-links a.btn{margin:10px 22px;width:auto;text-align:center}.navtoggle:checked~.nav-links{display:flex}}.hero{background:radial-gradient(1000px 500px at 75% -20%, #123b4d, var(--bg2) 55%, var(--bg));color:#fff;padding:70px 0 40px}.hero h1{font-size:clamp(30px,4.6vw,46px);margin:0 0 12px;letter-spacing:-0.02em}.hero p{color:#c7d6e0;font-size:18px;max-width:56ch;margin:0}.grid{display:grid;grid-template-columns:1fr 340px;gap:38px;padding:56px 0}@media(max-width: 820px){.grid{grid-template-columns:1fr;gap:26px}}.form{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(15,30,48,.06)}label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px}input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:15px;font-family:inherit;color:var(--ink);background:#fdfefe}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(11,114,133,.12)}textarea{min-height:140px;resize:vertical}.hp{position:absolute;left:-9999px}.side .card{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:16px}.side h3{margin:0 0 8px;font-size:17px}.side p{color:var(--muted);margin:0;font-size:15px}.msg{margin-top:16px;padding:12px 14px;border-radius:10px;font-size:15px;display:none}.msg.ok{display:block;background:#e9f9f0;border:1px solid #b9e7cc;color:#0a7a45}.msg.err{display:block;background:#fdecea;border:1px solid #f5c6c0;color:#b3261e}footer{background:var(--bg);color:#9fb3c2;padding:40px 0;font-size:14px}footer a{color:#c7d6e0}
