:root{--navy:#1b2a4a;--navyd:#111c33;--gold:#c9a227;--parch:#f5efe0;--bs:0 4px 10px rgba(0,0,0,.25);--ts:1px 1px 3px rgba(0,0,0,.4)}
*{box-sizing:border-box}body{margin:0;font-family:"Fira Sans",sans-serif;line-height:1.5;background:var(--parch);color:#122033;min-height:100vh;display:flex;flex-direction:column}
header{background:#5a1515;border-bottom:4px solid var(--gold);box-shadow:var(--bs);position:relative;z-index:1}
.hd{max-width:1100px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;gap:20px}
.hd img{width:70px;height:70px}@media(min-width:768px){.hd img{width:90px;height:90px}}
h1{color:#fff;margin:0;font-size:37px;text-shadow:var(--ts)}.sub{color:var(--gold);font-size:15px;margin-left:10px;letter-spacing:.05em;text-shadow:var(--ts)}
main{flex:1;max-width:1100px;margin:0 auto;padding:40px 20px;width:100%}
h2{font-size:28px;margin:0 0 24px;text-align:center;text-shadow:var(--ts)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.solo{margin:24px auto 0;width:calc((100% - 24px)/2)}
.tile{display:flex;gap:18px;align-items:center;background:#fff;border:2px solid var(--gold);border-left-width:8px;border-radius:10px;padding:28px;text-decoration:none;color:var(--navy);box-shadow:var(--bs);transition:transform .15s}
.tile:hover,.tile:focus-visible{transform:translateY(-2px);outline:3px solid var(--navy);outline-offset:2px}
.tile svg{flex:none;width:52px;height:52px;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tile h3{margin:0 0 6px;font-size:22px;text-shadow:var(--ts)}.tile p{margin:0;font-size:15px;color:#3a4560}
footer{background:#5a1515;color:#fff;text-align:center;font-size:12px;padding:12px 16px;line-height:1.3;box-shadow:var(--bs)}
footer img{width:48px;display:block;margin:0 auto 4px}footer a{color:#fff}
.card{background:#fff;border:2px solid var(--gold);border-radius:10px;padding:28px;max-width:520px;margin:0 auto 24px;box-shadow:var(--bs)}
.card h3{margin:0 0 14px;text-shadow:var(--ts)}
label{display:block;font-weight:bold;margin:12px 0 4px}
input[type=text],input[type=email],input[type=password]{width:100%;padding:10px;border:1px solid #8a7a4a;border-radius:6px;font:inherit;box-shadow:var(--bs)}
button,.btn{margin-top:16px;background:var(--navy);color:#fff;border:2px solid var(--gold);border-radius:6px;padding:10px 20px;font:inherit;cursor:pointer;box-shadow:var(--bs);text-decoration:none;display:inline-block}
.msg{padding:10px;border-radius:6px;margin-bottom:14px;box-shadow:var(--bs)}.ok{background:#e3f1de}.err{background:#f6dcdc}
.bar{text-align:right;max-width:520px;margin:0 auto 12px}
@media(max-width:700px){.grid{grid-template-columns:1fr}.solo{width:100%}h1{font-size:29px}}
h1,h2,h3,h4{font-weight:600;letter-spacing:-0.01em}