*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:0}
body{min-height:100vh;min-height:100svh}
.gate{width:min(100%,480px);min-height:100vh;min-height:100svh;margin:auto;padding:32px 24px;display:flex;flex-direction:column;justify-content:center;text-align:center}
h1{font-size:26px;line-height:1.2;margin:0;font-weight:800;overflow-wrap:anywhere}
p{font-size:16px;line-height:1.5;color:#bdbdbd;margin:16px 0 30px}
.button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:64px;padding:16px 20px;background:#fff;color:#080808;border-radius:7px;text-decoration:none;font-size:16px;font-weight:700;line-height:1.3}
.button:hover{background:#ececec}
a:focus-visible{outline:3px solid #00aff0;outline-offset:5px}
.back{display:block;margin:24px 0 0;color:#bdbdbd;text-decoration:none;font-size:15px}
.browser-hint{font-size:13px;line-height:1.6;margin:24px 0 0;color:#a3a3a3}
.profile{width:min(100%,430px);margin:auto;padding-bottom:64px}
.photo{position:relative}
.photo img{display:block;width:100%;height:auto}
.photo:after{content:"";position:absolute;inset:auto 0 0;height:24%;background:linear-gradient(transparent,#000);pointer-events:none}
.details{text-align:center;padding:0 18px}
.details h1{font-size:28px}
.details p{font-size:14px;font-weight:400;margin:10px 0 24px;color:#dedede}
@media(prefers-reduced-motion:no-preference){.button:active{transform:scale(.99)}}