:root{--bg:#0d1a10;--card:#16301b;--ink:#f4f1e6;--soft:#c9d8c2;--gold:#ffd34d;--green:#7bd36b;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:"Baloo 2",system-ui,sans-serif;line-height:1.5}
a{color:var(--gold)}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
header{display:flex;align-items:center;gap:12px;padding:14px 0}
header img{width:44px;height:44px}
header .brand{font-size:26px;font-weight:800;letter-spacing:.5px}
header nav{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap}
header nav a{color:var(--soft);text-decoration:none;font-weight:700}
header nav a:hover{color:var(--gold)}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:30px 0 10px}
.hero h1{font-size:clamp(32px,6vw,54px);line-height:1.05;margin:0 0 10px}
.hero h1 span{color:var(--gold)}
.hero p{font-size:19px;color:var(--soft);margin:0 0 18px}
.hero img{width:100%;max-width:320px;justify-self:center;filter:drop-shadow(0 10px 30px rgba(0,0,0,.5))}
.btn{display:inline-block;background:var(--gold);color:#2a1600;font-weight:800;font-size:21px;padding:12px 26px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;box-shadow:0 5px 0 #b8901f}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #b8901f}
.btn.alt{background:transparent;color:var(--gold);border:3px solid var(--gold);box-shadow:none;font-size:18px;padding:9px 20px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px}
.card h3{margin:0 0 6px;font-size:20px}
.card p{margin:0;color:var(--soft)}
h2{font-size:28px;margin:34px 0 8px}
table{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden}
td,th{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{color:var(--gold)}
form{display:grid;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}
label{font-weight:700}
input,select,textarea{width:100%;font:inherit;font-size:17px;padding:10px 12px;border-radius:12px;border:2px solid #3a5a3a;background:#0f2412;color:var(--ink)}
textarea{min-height:140px;resize:vertical}
.hp{position:absolute;left:-9999px}
.check{display:flex;align-items:center;gap:10px;font-weight:600}
.check input{width:24px;height:24px;flex:none;accent-color:var(--gold)}
.note{font-size:14px;color:var(--soft)}
.msg{padding:12px;border-radius:12px;font-weight:700;display:none}
.msg.ok{display:block;background:rgba(123,211,107,.18);border:2px solid var(--green)}
.msg.err{display:block;background:rgba(255,107,107,.15);border:2px solid #ff6b6b}
footer{margin:40px 0 0;padding:20px 0 30px;border-top:1px solid var(--line);color:var(--soft);font-size:14px}
footer a{color:var(--soft)}
@media (max-width:760px){.hero{grid-template-columns:1fr;text-align:center}.hero img{max-width:200px;order:-1}.grid{grid-template-columns:1fr}header nav{gap:10px;font-size:15px}}