:root{--bg:#111315;--card:#1B1E21;--tx:#F3F3F1;--tx2:#B9BDC2;--ac:#A95424;--glow:#C56A30;--lk:#E8A06A;--bd:#34383C}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-wrap:break-word;hyphens:auto}
[hidden]{display:none!important}
a{color:var(--lk)}
:focus-visible{outline:3px solid #F3B27A;outline-offset:4px;border-radius:6px}
.lang{display:inline-flex;gap:2px}
.sr:not(:focus-within){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sr:focus-within{position:fixed;z-index:9;top:max(8px,env(safe-area-inset-top));left:8px;background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:6px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.photo{position:relative;display:grid;place-items:center;width:84%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 50% 28%,#555b61,#2b2f33)}
.photo svg{width:78%;height:78%;fill:#6b7178;align-self:end}
.photo img{width:100%;height:100%;object-fit:contain;display:block}
.photo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:25%;z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to top,#000 30%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to top,#000 30%,rgba(0,0,0,0) 100%)}
.stage{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.home-menu{display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3svh,32px);text-align:center}
.home-name{font-family:'Exo 2',sans-serif;font-size:clamp(42px,10vw,92px);font-weight:700;line-height:1.04;margin:0;letter-spacing:.01em}
.home-tag{font-family:'Exo 2',sans-serif;color:var(--tx2);font-size:clamp(13px,2.4vw,18px);margin:0;letter-spacing:.12em;text-transform:uppercase}
.home-nav{display:flex;flex-direction:column;align-items:center;gap:clamp(12px,2svh,22px);margin-top:clamp(6px,2svh,22px)}
.home-link{font-family:'Exo 2',sans-serif;font-size:clamp(24px,5.4vw,38px);font-weight:600;color:var(--tx);text-decoration:none;letter-spacing:.02em;padding:6px 16px;border-radius:12px;transition:color .3s ease,text-shadow .3s ease,transform .3s ease;-webkit-tap-highlight-color:transparent}
.home-link:hover{color:var(--lk);text-shadow:0 0 26px rgba(197,106,48,.45)}
.home-link:focus-visible{outline:3px solid #F3B27A;outline-offset:4px;border-radius:12px}
@media(hover:hover){.home-link:hover{transform:translateY(-2px)}}
@media(min-width:640px){.home-nav{flex-direction:row;gap:clamp(28px,6vw,72px)}}
@media(max-height:480px) and (orientation:landscape){.home-nav{flex-direction:row;gap:clamp(20px,6vw,48px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}.home-link:hover{transform:none}}
.lang-btn{min-width:48px;min-height:44px;padding:0 14px;background:#23272b;color:var(--tx);border:1px solid var(--ac);border-radius:10px;font:600 15px/1 inherit;font-family:inherit;letter-spacing:.06em;cursor:pointer}.lang-btn:hover{box-shadow:0 0 14px rgba(197,106,48,.4)}