:root{--bg: #0b0805;--bg-2: #15100a;--card: #1c150d;--line: rgba(246, 197, 68, .18);--gold: #f6c544;--gold-2: #e8893a;--text: #f4ead2;--muted: #b9ab8c;--radius: 14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}img{display:block;max-width:100%}a{color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:Oswald,Arial,sans-serif;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:999px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-big{font-size:24px;padding:16px 40px;color:#1a1206;background:linear-gradient(180deg,#ffe08a 0%,var(--gold) 45%,#d99a1e 100%);box-shadow:0 6px #8a5a10,0 14px 30px #f6c54459}.btn-big:hover{transform:translateY(-2px);box-shadow:0 8px #8a5a10,0 18px 40px #f6c54473}.btn-big:active{transform:translateY(3px);box-shadow:0 3px #8a5a10,0 8px 20px #f6c5444d}.btn-ghost{font-size:16px;padding:14px 26px;color:var(--text);border:2px solid rgba(244,234,210,.45)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-small{font-size:14px;padding:8px 20px;color:#1a1206;background:var(--gold)}.btn-small:hover{background:#ffe08a}.nav{position:fixed;inset:0 0 auto 0;z-index:20;display:flex;align-items:center;gap:28px;padding:14px clamp(16px,4vw,48px);background:linear-gradient(180deg,#0b0805d9,#0b080500);transition:background .3s ease}.nav.solid{background:#0b0805f0;box-shadow:0 1px 0 var(--line)}.nav-logo{text-decoration:none;display:flex;align-items:baseline;gap:6px}.nav-logo span{font-family:Anton,sans-serif;font-size:24px;color:var(--gold);letter-spacing:1px}.nav-logo em{font-family:Pacifico,cursive;font-style:normal;font-size:20px;color:var(--gold-2)}.nav nav{display:flex;gap:22px;margin-left:auto}.nav nav a{color:var(--text);text-decoration:none;font-family:Oswald,sans-serif;font-weight:500;letter-spacing:1px;text-transform:uppercase;font-size:14px;opacity:.85}.nav nav a:hover{color:var(--gold);opacity:1}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background-size:cover;background-position:center 40%;animation:drift 30s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.12) translate(-2%,1%)}}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b0805f0,#0b0805b3,#0b08051a 80%),linear-gradient(0deg,var(--bg) 0%,transparent 30%)}.hero-content{position:relative;z-index:2;padding:120px clamp(16px,7vw,120px) 80px;max-width:760px;width:100%;min-width:0}.logo{-webkit-user-select:none;user-select:none;width:max-content;max-width:100%}.logo-play{font-family:Anton,Arial Black,sans-serif;font-size:clamp(96px,15vw,190px);line-height:.9;letter-spacing:4px;background:linear-gradient(180deg,#fff6d5 0%,var(--gold) 45%,#c47a12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:4px #120c04;filter:drop-shadow(6px 8px 0 rgba(0,0,0,.75))}.logo-city{font-family:Pacifico,cursive;font-size:clamp(48px,7vw,88px);line-height:1;margin:-.42em 0 0 .5em;transform:rotate(-7deg);transform-origin:left center;background:linear-gradient(180deg,#ffe2b0 0%,var(--gold-2) 55%,#8a3f12 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #1a0e04;filter:drop-shadow(4px 5px 0 rgba(0,0,0,.8))}.logo-sub{display:flex;align-items:center;gap:14px;margin:16px 0 0 .6em;font-family:Oswald,Arial,sans-serif;font-weight:700;letter-spacing:10px;font-size:16px;color:#f2d79a}.logo-sub span{width:46px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.tagline{font-size:clamp(17px,2vw,21px);color:var(--text);max-width:560px;margin:28px 0 32px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hero-cta{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.online{display:inline-flex;align-items:center;gap:8px;margin:26px 0 0;padding:6px 14px;border-radius:999px;background:#00000073;border:1px solid var(--line);font-size:14px}.online i{width:9px;height:9px;border-radius:50%;background:#3ddc6a;box-shadow:0 0 #3ddc6ab3;animation:ping 1.8s infinite}@keyframes ping{70%{box-shadow:0 0 0 9px #3ddc6a00}to{box-shadow:0 0 #3ddc6a00}}.online b{color:#3ddc6a}.mobile-note{margin-top:16px;font-size:14px;color:var(--muted)}.scroll-hint{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:2;color:var(--gold);text-decoration:none;font-size:34px;animation:bob 2s ease-in-out infinite}@keyframes bob{50%{transform:translate(-50%,6px)}}.numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line);margin:0 0 40px}.numbers div{background:var(--bg-2);padding:28px 20px;text-align:center}.numbers b{display:block;font-family:Anton,sans-serif;font-weight:400;font-size:clamp(28px,3.4vw,40px);color:var(--gold);letter-spacing:1px}.numbers span{color:var(--muted);font-size:14px}section{scroll-margin-top:70px}.section-title{font-family:Oswald,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:clamp(30px,4vw,46px);text-align:center;margin:0 16px 10px;color:var(--text)}.section-title:after{content:"";display:block;width:70px;height:3px;margin:14px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.section-lead{text-align:center;color:var(--muted);max-width:640px;margin:0 auto 50px;padding:0 16px}.city{padding:60px 0 40px}.feature{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;max-width:1180px;margin:0 auto 70px;padding:0 clamp(16px,4vw,40px)}.feature.reverse{grid-template-columns:1fr 1.25fr}.feature.reverse img{order:2}.feature img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius);box-shadow:0 20px 50px #0000008c,0 0 0 1px var(--line)}.feature h3{font-family:Oswald,sans-serif;font-weight:700;font-size:30px;letter-spacing:1px;margin:0 0 10px;color:var(--gold);text-transform:uppercase}.feature p{margin:0;color:var(--text);font-size:17px}.features{padding:70px clamp(16px,4vw,40px);background:var(--bg-2);border-block:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1180px;margin:40px auto 0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-4px);border-color:#f6c54480}.card .icon{font-size:30px}.card h3{font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.5px;margin:8px 0 6px;font-size:20px;color:var(--gold)}.card p{margin:0;color:var(--muted);font-size:15px}.gallery{padding:80px clamp(16px,4vw,40px)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1180px;margin:40px auto 0}.gallery-grid img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;cursor:zoom-in;box-shadow:0 0 0 1px var(--line);transition:transform .2s ease,box-shadow .2s ease}.gallery-grid img:hover{transform:scale(1.025);box-shadow:0 12px 30px #0009,0 0 0 2px var(--gold)}.howto{padding:70px clamp(16px,4vw,40px);background:var(--bg-2);border-block:1px solid var(--line)}.howto-cols{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:1080px;margin:40px auto 0}.steps{margin:0;padding:0;list-style:none;counter-reset:s}.steps li{counter-increment:s;position:relative;padding:0 0 22px 58px;font-size:17px}.steps li:before{content:counter(s);position:absolute;left:0;top:-2px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#1a1206;font-family:Anton,sans-serif;font-size:20px}.keys{margin:0;display:grid;gap:8px}.keys div{display:flex;align-items:center;gap:14px}.keys dt{min-width:92px;text-align:center;font-family:Oswald,sans-serif;font-weight:700;font-size:14px;letter-spacing:1px;padding:5px 10px;border-radius:8px;background:var(--card);border:1px solid var(--line);border-bottom-width:3px;color:var(--gold)}.keys dd{margin:0;color:var(--muted);font-size:15px}.final{position:relative;min-height:420px;display:grid;place-items:center;overflow:hidden;text-align:center}.final-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.final:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at center,#0b08058c,#0b0805eb)}.final-content{position:relative;z-index:2;padding:60px 16px}.final h2{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(36px,5vw,60px);letter-spacing:1px;margin:0;color:var(--gold)}.final p{color:var(--text);font-size:18px;margin:8px 0 28px}.footer{padding:34px 16px 40px;text-align:center;color:var(--muted);font-size:13px}.footer p{margin:4px auto;max-width:860px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#000000e6;padding:24px;cursor:zoom-out}.lightbox[hidden]{display:none}.lightbox img{max-width:min(1400px,100%);max-height:90vh;border-radius:10px;box-shadow:0 20px 60px #000c}.lightbox button{position:absolute;top:14px;right:20px;background:none;border:0;color:#fff;font-size:42px;cursor:pointer}@media (max-width: 980px){.grid,.numbers{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.nav nav{display:none}.nav .btn-small{margin-left:auto}.hero-shade{background:linear-gradient(0deg,var(--bg) 0%,rgba(11,8,5,.75) 45%,rgba(11,8,5,.55) 100%)}.hero-content{padding-top:110px}.logo-sub{letter-spacing:5px;font-size:13px;gap:8px}.logo-sub span{width:22px}.logo-play{-webkit-text-stroke:3px #120c04}.feature,.feature.reverse{grid-template-columns:1fr;margin-bottom:50px}.feature.reverse img{order:0}.grid,.gallery-grid{grid-template-columns:1fr}.howto-cols{grid-template-columns:1fr;gap:28px}.btn-big{font-size:20px;padding:14px 30px}}@media (prefers-reduced-motion: reduce){.hero-bg,.scroll-hint,.online i{animation:none}html{scroll-behavior:auto}}