*{box-sizing:border-box}
html{background:#fbf6ee;color:#14212c}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;font-family:Outfit,system-ui,sans-serif;padding:48px 24px;
  background:radial-gradient(ellipse 60% 45% at 50% 30%,rgba(239,116,75,.16),transparent 70%),radial-gradient(ellipse 40% 35% at 80% 90%,rgba(255,196,120,.14),transparent 70%)}
.entrance{width:100%;max-width:620px;text-align:center;padding-bottom:2vh}
.entrance .helloape-brand{gap:8px;line-height:1;color:#14212c}
.entrance .helloape-mark{width:64px}
.entrance .helloape-wordmark{font-size:42px;letter-spacing:-1.4px}
h1{font-size:clamp(40px,min(7vw,10vh),76px);line-height:1.02;font-weight:700;letter-spacing:-.04em;margin:clamp(20px,6vh,56px) 0 clamp(12px,3vh,24px)}
.introduction{font:400 21px/1.55 Outfit,system-ui,sans-serif;color:#4a5761;max-width:470px;margin:0 auto}
.account-note{font-size:17px;line-height:1.6;font-weight:500;color:#b4532f;margin:14px 0 0}
.entrance-actions{display:flex;gap:14px;justify-content:center;margin:clamp(20px,4.5vh,40px) 0 0}
.entrance-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;min-width:156px;padding:0 28px;border:1px solid #e6dccf;border-radius:999px;font-size:19px;font-weight:600;text-decoration:none;color:#14212c;background:#fff;box-shadow:0 1px 2px rgba(20,33,44,.06);transition:background .15s,transform .15s,box-shadow .15s}
.entrance-button:hover{background:#fffaf4;transform:translateY(-1px)}
.entrance-button.primary{background:#e0633a;border-color:#e0633a;color:#fff;font-weight:700;box-shadow:0 8px 24px -8px rgba(239,116,75,.7)}
.entrance-button.primary:hover{background:#cf5328;border-color:#cf5328}
a:focus-visible{outline:3px solid #d65c35;outline-offset:5px;border-radius:999px}
.invitation-note{display:inline-block;margin:28px 0 0;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid #efe4d6;font-size:14px;line-height:1.5;color:#6b6258}
@media(max-width:480px){body{padding:32px 20px}.entrance .helloape-mark{width:52px}.entrance .helloape-wordmark{font-size:34px;letter-spacing:-1.2px}h1{letter-spacing:-.03em}.introduction{font-size:18px}.entrance-actions{gap:10px}.entrance-button{flex:1;min-width:0}}
@media(prefers-reduced-motion:reduce){.entrance-button{transition:none}.entrance-button:hover{transform:none}}