:root{--bg:#0b0b0e;--glass:rgba(18,18,24,.46);--glass-hover:rgba(40,40,50,.78);--line:rgba(255,255,255,.12);--text:#f6f6f8;--muted:#a9a9b4;--accent:#ff8b3a}
*{box-sizing:border-box;margin:0}
html{color-scheme:dark}
body{background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100svh;position:relative;overflow-x:hidden}
.hero{position:absolute;inset:0;height:100%;min-height:100svh;background:var(--img) center top/cover no-repeat;-webkit-mask-image:linear-gradient(#000 78%,transparent 100%);mask-image:linear-gradient(#000 78%,transparent 100%)}
main{position:relative;width:100%;max-width:460px;margin:0 auto;min-height:100svh;padding:max(26px,env(safe-area-inset-top)) 16px 18px;display:flex;flex-direction:column;justify-content:space-between;text-align:center}
header{padding-top:6px}
.bottom{padding-top:24px}
h1{font-size:30px;font-weight:800;letter-spacing:.14em;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.bio{color:var(--muted);font-size:13px;letter-spacing:.2em;margin:2px 0 0;text-shadow:0 1px 10px rgba(0,0,0,.7)}
ul{list-style:none;padding:0;display:grid;gap:9px}
a.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:0;padding:13px 56px;border-radius:16px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);text-decoration:none;font-weight:600;transition:transform .15s,background .15s,border-color .15s}
a.btn:hover,a.btn:focus-visible{background:var(--glass-hover);border-color:var(--accent);transform:translateY(-2px);outline:none}
a.btn:hover svg,a.btn:focus-visible svg{transform:translateY(-50%)}
a.btn svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;fill:currentColor;color:var(--accent)}
a.btn span{flex:none;text-align:center;font-size:17px;letter-spacing:.01em}
a.btn small{color:var(--muted);font-weight:500;font-size:14px}
a.btn.main{background:var(--accent);border-color:var(--accent);color:#0e0e11}
a.btn.main svg{color:#0e0e11}
a.btn.main small{color:rgba(14,14,17,.7)}
a.btn.main:hover{background:#ff9d58}
footer{margin-top:14px;color:var(--muted);font-size:12px}
.gate{margin:8px 0 24px}
.gate p{color:var(--muted);font-size:14px;margin-bottom:16px}
.gate button{font:inherit;font-weight:700;padding:14px 22px;border-radius:14px;border:0;background:var(--accent);color:#0e0e11;cursor:pointer}
.gallery{margin-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gallery h2{grid-column:1/-1;font-size:12px;letter-spacing:.2em;color:var(--muted);font-weight:600;text-align:left;margin-bottom:2px}
.gallery button{padding:0;border:0;border-radius:14px;overflow:hidden;background:#15151a;cursor:zoom-in;aspect-ratio:3/4;display:block}
.gallery button.wide{grid-column:1/-1;aspect-ratio:3/2}
.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.gallery button:hover img,.gallery button:focus-visible img{transform:scale(1.04)}
dialog{border:0;background:#000;color:#fff;width:100%;max-width:none;height:100%;max-height:none;padding:0}
dialog::backdrop{background:#000}
dialog img{width:100%;height:100%;object-fit:contain}
dialog .x{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.55);color:#fff;font-size:22px;cursor:pointer}
.gate .alt{font-size:12px;color:var(--muted);margin:12px 0 10px}
.gate button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:500;padding:9px 16px;font-size:14px}
.tip{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--accent);color:#0e0e11;font-weight:700;font-size:16px;line-height:1.3;padding:14px 64px 14px 16px;text-align:left;box-shadow:0 6px 24px rgba(0,0,0,.45)}
.tip::before{content:"↑";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:34px;line-height:1;animation:nudge 1s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translate(0,-50%)}50%{transform:translate(0,-72%)}}
.has-tip main{padding-top:calc(max(26px,env(safe-area-inset-top)) + 70px)}
@media (prefers-reduced-motion:reduce){.tip::before{animation:none}}
header{position:relative}
header.hb{padding-top:44px}
.back{position:absolute;left:0;top:4px;z-index:5;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--text);text-decoration:none;font-size:14px;font-weight:600}
.back:hover,.back:focus-visible{border-color:var(--accent);outline:none}
li.duo{display:grid;grid-template-columns:1fr 1fr;gap:9px}
li.duo a.btn{padding:13px 8px}
li.duo .wm{max-width:100%}
[hidden]{display:none!important}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.5) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 48%,rgba(0,0,0,.62) 82%,rgba(0,0,0,.85) 100%)}
.ico{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:7px;object-fit:contain}
.wm{height:26px;width:auto;display:block}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 8%}
.gallery .vtile{grid-column:1/-1;border-radius:14px;overflow:hidden;background:#15151a;aspect-ratio:9/16;max-height:78svh;justify-self:center;width:100%}
.gallery .vtile video{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:700px){
body::before{content:"";position:fixed;inset:-40px;z-index:-2;background:var(--img) center/cover no-repeat;filter:blur(46px) brightness(.32) saturate(1.1)}
body::after{content:"";position:fixed;top:0;bottom:0;left:50%;width:460px;transform:translateX(-50%);z-index:-1;background:var(--bg);box-shadow:0 0 90px rgba(0,0,0,.7)}

.hero{left:50%;right:auto;width:460px;transform:translateX(-50%)}

}
@media (prefers-reduced-motion:reduce){a.btn{transition:none}}