*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0a0e1a;color:#dfe5f3;font:16px/1.65 "Segoe UI",system-ui,Arial,sans-serif}
a{color:#e4c36d;text-decoration:none}a:hover{text-decoration:underline}
header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:28px;padding:10px 4vw;background:rgba(8,11,22,.82);backdrop-filter:blur(8px);border-bottom:1px solid #1d2744}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0d684}
.logo img{width:32px;height:32px}
nav{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}
nav a{color:#c9d2ea;font-size:.95rem}
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:90px 6vw 60px;background:linear-gradient(rgba(8,11,22,.35),rgba(8,11,22,.88)),url(img/hero.jpg) center/cover}
.hero h1{font-size:clamp(2.4rem,7vw,5rem);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .2em;color:#f6e3a1;text-shadow:0 4px 30px #000}
.hero p{font-size:1.2rem;max-width:640px;margin:0 auto 1.6em;color:#e6ebf7}
.btn{display:inline-block;padding:.85em 2em;border-radius:8px;background:linear-gradient(#e8c875,#b98f33);color:#1a1405;font-weight:700;border:0;cursor:pointer;font-size:1rem}
.btn:hover{filter:brightness(1.1);text-decoration:none}
.btn.alt{background:transparent;color:#e4c36d;border:1px solid #e4c36d;margin-left:10px}
section{padding:80px 6vw;max-width:1100px;margin:0 auto}
h2{font-size:2rem;margin:0 0 .6em;color:#f0d684;letter-spacing:.06em}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:#11182c;border:1px solid #1f2b4c;border-radius:12px;padding:20px 22px}
.card h3{margin:.1em 0 .4em;color:#e9d28a;font-size:1.1rem}
.card p{margin:0;font-size:.95rem;color:#c2cbe3}
.shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:20px}
.shots img{width:100%;border-radius:10px;border:1px solid #1f2b4c}
.note{background:#1a2138;border-left:4px solid #e4c36d;padding:14px 18px;border-radius:6px;color:#cfd7ec;margin:20px 0}
code{background:#151d34;padding:2px 6px;border-radius:4px;font-size:.9rem;word-break:break-all}
footer{padding:30px 4vw 40px;text-align:center;color:#c9d2ea;font-size:.85rem;line-height:1.6}
.foot{display:inline-block;max-width:760px;padding:16px 28px;background:rgba(255,255,255,.07);border-radius:16px;border:1px solid #1d2744}
.page{padding-top:110px;min-height:80vh}
.legal{white-space:pre-wrap;background:#11182c;border:1px solid #1f2b4c;border-radius:10px;padding:22px;font-family:inherit}
ul.req{padding-left:1.2em}