*{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#f2c400;
  --gold2:#ffe56a;
  --pink:#ff1451;
  --white:#fff;
  --soft:#f0edf3;
  --dark:#1b2321;
}
html,body{min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#222;color:#fff}
.app{max-width:410px;margin:auto;min-height:100vh;overflow:hidden;box-shadow:0 0 35px #000a}
.landing{background:
  linear-gradient(180deg,rgba(10,20,18,.48),rgba(104,38,60,.35)),
  radial-gradient(circle at 80% 5%,rgba(0,95,57,.85),transparent 28%),
  radial-gradient(circle at 15% 28%,rgba(70,50,65,.88),transparent 42%),
  radial-gradient(circle at 55% 95%,rgba(255,155,175,.62),transparent 55%),
  linear-gradient(160deg,#4c4b4a 0%,#35433d 34%,#8b4d64 66%,#c98395 100%);
  position:relative;
}
.landing:before{content:"";position:absolute;inset:0;background:url('assets/bg-soft.svg') center/cover no-repeat;opacity:.36;pointer-events:none}
.hero-ee{position:relative;z-index:1;min-height:100vh;padding:64px 22px 0}
.top-buttons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:46px}
.outline-btn,.gold-btn{height:46px;border-radius:28px;font-size:18px;font-weight:900;letter-spacing:.3px;cursor:pointer}
.outline-btn{background:rgba(67,62,60,.38);border:2px solid var(--gold2);color:var(--gold2);box-shadow:0 4px 8px #0005,inset 0 1px 0 #ffffff40}
.gold-btn{border:0;background:linear-gradient(180deg,#ffd900,#efbd00);color:#fff;text-shadow:0 1px 2px #9a7000;box-shadow:0 7px 12px #0004}
.brand-wrap{text-align:center;margin-bottom:32px}.brand-logo{width:300px;max-width:92%;filter:drop-shadow(0 5px 5px rgba(0,0,0,.45))}
.intro-block{margin-top:2px}.intro-block h1{font-size:16px;line-height:1.45;color:var(--gold2);font-weight:900;margin-bottom:12px}.intro-block p{font-size:14.7px;font-style:italic;font-weight:700;color:#eee8f1;line-height:1.75;max-width:350px;text-shadow:0 2px 2px #0004}
.support-btn{width:100%;height:54px;margin:46px 13px 28px 13px;width:calc(100% - 26px);border:0;border-radius:5px;background:linear-gradient(180deg,#ff1b59,#ff104a);color:#fff;font-weight:900;font-size:20px;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 7px 14px rgba(0,0,0,.24);cursor:pointer}.support-icon{width:30px;height:30px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.invite-line{font-size:15px;color:var(--gold2);font-weight:900;line-height:1.45}.invite-line span{font-weight:800;color:#ffe780}.girl-wrap{position:absolute;left:0;right:0;bottom:-5px;text-align:center;pointer-events:none}.host-girl{width:255px;max-width:78%;filter:drop-shadow(0 12px 12px rgba(0,0,0,.28))}
/* modal */
.btn{border:0;border-radius:20px;padding:8px 12px;font-weight:900;cursor:pointer}.btn.gold{background:linear-gradient(#fff0a6,#f2c400,#d29a00);color:#3a2a00;box-shadow:0 4px 10px #0005}.full{width:100%;height:44px}.modal{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;z-index:99}.modal.show{display:flex}.modal-box{width:88%;max-width:360px;background:linear-gradient(180deg,#222824,#111514);border:1px solid #f2c400;border-radius:18px;padding:18px;position:relative;box-shadow:0 10px 30px #000}.modal-box h2{color:#ffe56a;margin-bottom:12px}.modal-box input{width:100%;height:42px;margin-bottom:10px;border-radius:12px;border:1px solid #605222;background:#0c0f0e;color:#fff;padding:0 12px}.modal-box input:focus{outline:1px solid #f2c400}.modal-box p{text-align:center;margin-top:10px;font-size:13px;color:#ddd}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:#fff;font-size:28px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.tabs button{height:38px;border:1px solid #605222;border-radius:12px;background:#101412;color:#ddd;font-weight:900}.tabs button.active{background:linear-gradient(#fff0a6,#f2c400);color:#3a2a00}.auth-form{display:none}.modal-box b{color:#ffe56a;cursor:pointer}.form-msg{text-align:center;color:#ffe56a;font-size:13px;min-height:18px;margin-top:8px}.btn:disabled{opacity:.7;cursor:not-allowed}.success-box,.error-box{text-align:center}.success-icon,.error-icon{width:64px;height:64px;margin:4px auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;font-weight:900;box-shadow:0 6px 16px #0007,inset 0 1px 0 #ffffff55}.success-icon{background:linear-gradient(180deg,#22c55e,#0f8a3b)}.error-icon{background:linear-gradient(180deg,#ff6d8f,#c40e39)}.error-box h2{color:#ffb0c3}.success-box h2,.error-box h2{margin-bottom:8px}.success-text{color:#ddd;font-size:14px;line-height:1.45;margin-bottom:16px}
@media(max-height:760px){.hero-ee{padding-top:52px}.top-buttons{margin-bottom:34px}.brand-wrap{margin-bottom:22px}.support-btn{margin-top:32px;margin-bottom:20px}.host-girl{width:220px}}