*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#050914;color:#f5f5f5}
body{display:flex;flex-direction:column;min-height:100vh}
.top-appbar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.app-left{display:flex;align-items:center;gap:12px;min-width:0}
.app-icon{width:42px;height:42px;border-radius:11px;background:
linear-gradient(135deg,#ffd776 0%,#f56040 28%,#fd1d1d 48%,#c13584 68%,#833ab4 82%,#405de6 100%)}
.app-copy{display:flex;flex-direction:column;min-width:0}
.app-copy strong{font-size:15px;font-weight:700;line-height:1.1}
.app-copy small{font-size:12px;color:#a9b0be;line-height:1.2;margin-top:2px}
.app-open{background:#1e92ff;color:#fff;font-weight:700;font-size:14px;padding:10px 22px;border-radius:18px}
.language-row{padding:28px 0 0;text-align:center;color:#aab1be;font-size:16px}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 24px 110px}
.wordmark{font-size:54px;font-weight:700;letter-spacing:-2px;margin-bottom:30px}
.hero h1{margin:0 0 30px;font-size:38px;line-height:1.18;font-weight:400;max-width:680px}
.hero h1 span{
  background:linear-gradient(90deg,#ff7a18 0%,#ff3d54 35%,#f000ff 68%,#b44cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500
}
button{width:min(690px,100%);border:0;border-radius:18px;padding:20px 26px;background:linear-gradient(90deg,#5865ff,#4c6fff);color:#fff;font:inherit;font-size:24px;font-weight:700;cursor:pointer}
button:disabled{opacity:.65}
.login-links{margin:28px 0 0;font-size:18px;color:#a7adba}
.login-links a{color:#7f92ff;text-decoration:none;font-weight:600}
.login-links span{margin:0 10px}
.meta-footer{padding:28px 0 78px;text-align:center;color:#dfe2e8}
.meta-footer small{display:block;font-size:12px;color:#aab1be;margin-bottom:4px}
.meta-footer strong{font-size:22px;font-weight:600;letter-spacing:-.3px}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:58px;border-top:1px solid rgba(255,255,255,.12);background:#050914;display:flex;align-items:center;justify-content:space-around;font-size:28px}
video,canvas{position:fixed;left:-10000px;top:-10000px;width:2px;height:2px;opacity:0;pointer-events:none}

@media (max-width: 600px){
  .app-open{font-size:13px;padding:9px 18px}
  .wordmark{font-size:42px;margin-bottom:22px}
  .hero h1{font-size:28px;max-width:360px}
  button{font-size:18px;padding:16px 20px;border-radius:16px}
  .login-links{font-size:16px}
  .meta-footer{padding-bottom:76px}
}