@font-face{font-family:DonoAccess;src:url('/Montserrat-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
.access-page{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 85% 30%,#65223b40,transparent 48%),radial-gradient(ellipse at 10% 80%,#45305724,transparent 45%),#111015;color:#f7f0f3}
.access-header,.access-main,.access-footer{width:min(1080px,calc(100% - 64px));margin-inline:auto}
.access-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px;border-bottom:1px solid #ffffff12}
.access-brand{display:inline-flex;align-items:center;gap:10px;font:800 27px/1 DonoAccess,'Segoe UI',sans-serif;letter-spacing:-1px}
.access-brand>span>span{color:#ff526f}
.access-brand img{flex-shrink:0}
.access-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13px;color:#ccbfc9;padding:8px 12px;border:1px solid #ffffff18;border-radius:9px}
.access-back svg{width:18px;height:18px}
.access-back:hover{background:#ffffff06;color:#fff}
.access-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:80px;padding-block:64px}
.access-kicker{font-size:10px;letter-spacing:1.8px;color:#fa819a;font-weight:650;margin-bottom:22px}
.access-intro h1{font:700 46px/1.15 DonoAccess,'Segoe UI',sans-serif;letter-spacing:-1.6px;margin-bottom:22px}
.access-lead{font-size:16px;line-height:1.8;color:#c6b9c7;max-width:410px}
.access-steps{list-style:none;padding:0;margin:34px 0;display:grid;gap:23px}
.access-steps li{display:flex;align-items:flex-start;gap:14px}
.access-steps li>span{display:grid;place-items:center;flex:0 0 28px;height:28px;font-size:12px;color:#ef9ab0;border:1px solid #795066;border-radius:50%}
.access-steps strong{display:block;font-size:14px;font-weight:600;margin:2px 0 4px}
.access-steps p{font-size:13px;line-height:1.7;color:#b7aab9;max-width:370px}
.access-help{border-top:1px solid #ffffff12;padding-top:24px;color:#bfb2c1;font-size:13px;line-height:1.8}
.access-help strong{display:block;color:#f0e6ef;font-size:14px;margin-bottom:4px}
.access-help p>a{color:#ff96ad;text-decoration:underline;text-underline-offset:3px}
.access-more{display:inline-flex;align-items:center;min-height:44px;color:#ef9ab0;margin-top:4px}
.access-form{min-width:0}
.access-page .auth-card{max-width:none;padding:32px;border:1px solid #a06a8155;border-radius:20px;background:linear-gradient(145deg,#29212ae6,#1d1921);box-shadow:0 22px 70px #0004}
.access-telegram{display:grid;place-items:center;width:50px;height:50px;border:1px solid #ed759443;background:#ca3c5920;border-radius:14px;color:#ff92ab}
.access-telegram svg{width:25px;height:25px}
.access-page .auth-card>h2{font:650 24px/1.3 DonoAccess,'Segoe UI',sans-serif;margin:20px 0 12px;letter-spacing:-.6px}
.access-page .auth-card>.muted{font-size:14px;line-height:1.8;color:#c1b3c4;margin-bottom:24px}
.access-page .auth-card .button{min-height:48px;font-size:14px}
.access-page .auth-card .button.primary{background:#ef3e61;border-color:#fa6481;color:#fff}
.access-page .auth-card .button.primary:hover:not(:disabled){background:#ff5272}
.access-page .auth-card .hint{font-size:12px;line-height:1.8;color:#bdadbf}
.access-page .auth-card .text-button,.access-page .auth-card .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
.access-page .auth-card .inline-error{font-size:13px;overflow-wrap:anywhere}
.access-page .auth-card .inline-error:empty{display:none}
.access-page .auth-code-label,.access-page .waiting{font-size:13px}
.access-page .login-code{padding:10px 0;margin-top:10px;border:1px solid #ffffff15;border-radius:10px;background:#11101566}
.access-persistence{margin:17px 20px 0;text-align:center;font-size:12px;line-height:1.8;color:#b0a0b3}
.access-noscript{margin-top:16px;border:1px solid #b5647c;border-radius:10px;padding:16px;font-size:14px}
.access-noscript a{text-decoration:underline}
.access-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff12;padding-block:15px;font-size:12px;color:#ab9cad}
.access-footer a{display:inline-flex;align-items:center;min-height:44px}
.access-page a:focus-visible,.access-page button:focus-visible{outline:2px solid #ff92ab;outline-offset:4px}
@media(max-width:1000px){.access-main{gap:40px;grid-template-columns:minmax(0,1fr) 380px}.access-intro h1{font-size:38px}}
@media(max-width:760px){
  .access-header,.access-main,.access-footer{width:min(460px,calc(100% - 36px))}
  .access-header{padding-block:18px}
  .access-brand{font-size:25px}.access-brand img{width:33px;height:33px}
  .access-back{font-size:12px;padding-inline:9px}
  .access-main{grid-template-columns:minmax(0,1fr);gap:16px;padding-block:32px 36px}
  .access-intro{display:contents}
  .access-kicker{margin:0;font-size:9px}
  .access-intro h1{font-size:36px;margin:0;letter-spacing:-1px}
  .access-lead{font-size:14px;max-width:none}
  .access-form{order:1;margin-top:10px}
  .access-steps{order:2;margin:14px 0 8px}
  .access-help{order:3}
  .access-page .auth-card{padding:25px}
  .access-page .auth-card>h2{font-size:22px}
  .access-footer{flex-wrap:wrap;gap:0 16px;padding-block:12px}
}