:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#141414;color:#f8f7f3}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:64px 64px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;border-bottom:1px solid #353535}header a{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;font:800 18px/1.5 Unbounded,Arial,sans-serif}header img{width:58px;height:58px;object-fit:contain}header small{display:block;font:8px Inter,Arial,sans-serif;letter-spacing:1.6px;margin-top:5px;color:#a7a79e}.header-label{font-size:9px;letter-spacing:1.4px;color:#9d9d93}main{width:min(1040px,calc(100% - 80px));margin:65px auto 55px;display:grid;grid-template-columns:1fr 410px;gap:90px;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#619de4}.eyebrow:before{content:"";display:inline-block;width:18px;height:2px;background:#d33c3a;margin-right:10px;vertical-align:middle}h1{font:800 clamp(29px,3.2vw,44px)/1.3 Unbounded,Arial,sans-serif;letter-spacing:-1.6px;margin:22px 0}h1 span{color:#619de4}.intro>p{color:#a4a49c;font-size:13px;line-height:1.9}.sticker{width:220px;transform:rotate(-8deg);margin-top:29px;filter:drop-shadow(0 10px 20px #0006)}.login-card{padding:29px 32px 25px;background:linear-gradient(140deg,#222322,#1a1b1a);border:1px solid #484b49;border-radius:18px;box-shadow:0 20px 60px #0003}.card-top{display:flex;justify-content:space-between;align-items:center;color:#898d89;font-size:8px;letter-spacing:1px}.card-top b{font:27px Arial;color:#d45a57}h2{font:600 25px/1.5 Unbounded,Arial,sans-serif;letter-spacing:-.8px;margin:24px 0 12px}.hint{font-size:12px;color:#a6a89f;line-height:1.8;margin:0 0 27px}label{display:block;margin-bottom:9px;margin-top:19px;font-size:9px;font-weight:600;letter-spacing:1.3px;color:#bdc0b6}input{width:100%;height:48px;padding:12px 14px;background:#121413;border:1px solid #494e48;border-radius:8px;color:#fff;font:16px Inter,Arial,sans-serif}input::placeholder{color:#6f766d}input:focus{outline:2px solid #619de4;outline-offset:2px}.password-field{position:relative}.password-field input{padding-right:104px}.password-field button{position:absolute;right:8px;top:0;height:48px;min-width:44px;padding:0 8px;background:transparent;border:0;color:#c5cbbd;font:15px Inter,Arial,sans-serif;cursor:pointer}#login-error{font-size:11px;line-height:1.7;color:#f2938d;min-height:20px;margin:14px 0}#submit{border:1px solid #5e91d0;background:#4d83c6;color:#f8fcff;border-radius:28px;width:100%;min-height:48px;font:500 16px Inter,Arial,sans-serif;display:flex;align-items:center;justify-content:space-between;padding:0 21px;cursor:pointer}#submit:hover{background:#5b95db}#submit:disabled{opacity:.65;cursor:wait}#submit span{font-size:22px}.support{margin-top:25px;padding-top:19px;border-top:1px solid #3d413b;color:#b4b8ab;font-size:10px;line-height:1.9}.support span{color:#7f8878}footer{width:min(1200px,calc(100% - 80px));margin:auto;padding:24px 0;border-top:1px solid #343832;display:flex;justify-content:space-between;gap:20px;color:#737c6c;font-size:8px;letter-spacing:1px}button:focus-visible,a:focus-visible{outline:3px solid #619de4;outline-offset:3px}@media(max-width:900px){main{gap:35px;grid-template-columns:1fr 350px;width:calc(100% - 48px)}.login-card{padding:25px}.sticker{width:175px}.intro>p{font-size:11px}}@media(max-width:650px){header{padding:16px 20px}.header-label{display:none}header a{font-size:14px;gap:10px}header img{width:46px;height:46px}header small{font-size:6px}main{width:calc(100% - 36px);display:block;margin:33px auto 35px}.intro{position:relative}.intro .eyebrow{font-size:7px}h1{font-size:25px;letter-spacing:-1px;margin:17px 0 13px;line-height:1.35}.intro>p{font-size:10px;max-width:230px}.sticker{position:absolute;width:113px;right:0;top:76px;margin:0}.login-card{margin-top:29px;padding:23px 25px}h2{font-size:21px;margin-top:15px}.hint{margin-bottom:19px;font-size:11px}footer{width:calc(100% - 36px);font-size:6px;letter-spacing:.4px;gap:14px}}@keyframes rise-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes logo-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes login-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}
@media(prefers-reduced-motion:no-preference){
  header{animation:fade-in 280ms ease backwards}
  header img{animation:logo-in 400ms ease backwards}
  .intro{animation:rise-in 360ms ease backwards}
  .login-card{animation:rise-in 400ms ease 70ms backwards}
  footer{animation:fade-in 320ms ease 120ms backwards}
  #submit{transition:transform 180ms ease,background-color 180ms ease}
}
@media(prefers-reduced-motion:no-preference){
  header a img{transition:transform 250ms ease}
  header a:hover img{transform:rotate(-7deg) scale(1.04)}
  #submit:hover:not(:disabled){transform:translateY(-2px)}
}
@media(prefers-reduced-motion:no-preference) and (hover:none) and (pointer:coarse){
  header a:hover img,#submit:hover{transform:none}
}
.login-card.is-shaking{animation:login-shake 320ms ease}
.forgot-open{display:inline-flex;align-items:center;min-height:44px;margin:0 0 6px;padding:0;background:none;border:0;color:#d5e6ff;font:600 15px/1.4 Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#forgot-form{margin:2px 0 12px}
#forgot-form label{margin-top:12px}
#forgot-form label span{color:#8d9188;font-weight:500;letter-spacing:0}
#forgot-note{font-size:14px;line-height:1.5;color:#c9d7ea;min-height:0;margin:10px 0}
#forgot-submit{border:1px solid #555;background:#242424;color:#f8f7f3;border-radius:28px;width:100%;min-height:48px;font:500 16px Inter,Arial,sans-serif;cursor:pointer}
#forgot-submit:hover{border-color:#8eb6e6}
#forgot-submit:disabled{opacity:.65;cursor:wait}
.support>span{display:block;color:#c5c9be;font-size:14px;line-height:1.45}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

html,body{max-width:100%}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
header{padding-top:max(20px,env(safe-area-inset-top))}
footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}
@media(max-width:900px){
  main{gap:32px;grid-template-columns:1fr minmax(280px,380px);width:min(1040px,calc(100% - 40px));margin:40px auto}
  .login-card{padding:24px}
  .sticker{width:min(180px,100%)}
  .intro>p{font-size:16px}
  h1{font-size:clamp(28px,4vw,40px)}
}
@media(max-width:720px){
  header{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));gap:8px}
  .header-label{display:none}
  header a{font-size:16px;gap:10px;min-width:0}
  header img{width:44px;height:44px}
  header small{font-size:11px;letter-spacing:.4px}
  main{width:min(560px,calc(100% - 32px));display:block;margin:24px auto 32px}
  .intro{position:relative}
  .intro .eyebrow{font-size:12px;letter-spacing:.4px}
  h1{font-size:clamp(28px,8.5vw,36px);letter-spacing:-1px;margin:14px 0 10px;line-height:1.25}
  .intro>p{font-size:16px;line-height:1.55;max-width:36ch}
  .sticker{position:static;width:min(168px,52vw);margin:12px 0 0}
  .login-card{margin-top:20px;padding:20px 16px}
  h2{font-size:22px;margin-top:12px}
  .hint{margin-bottom:16px;font-size:15px}
  label{font-size:12px;letter-spacing:.6px}
  #login-error{font-size:15px}
  .support{font-size:14px}
  footer{width:min(560px,calc(100% - 32px));font-size:12px;letter-spacing:.2px;flex-wrap:wrap;gap:8px}
}
.install-hint{position:fixed;z-index:40;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:8px;align-items:center;background:#1c1c1c;border:1px solid #3a3a3a;border-radius:14px;padding:10px 12px;color:#f4f4eb;box-shadow:0 12px 30px #0008}
.install-hint p{margin:0;flex:1;font-size:14px;line-height:1.35}
.install-hint button{min-height:44px;border-radius:999px;border:1px solid #4a4a4a;background:#242424;color:#f4f4eb;padding:8px 14px;font:600 15px/1.2 Inter,Arial,sans-serif}
.install-hint .install-go{background:#335f95;border-color:#6599d9;color:#fff}
.install-hint .install-dismiss{width:44px;padding:0;flex:0 0 44px}