* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 20px;
  font-family: Arial, sans-serif;
  color: #273044;
  background: #f4f1fb;
}

main {
  width: 100%;
  max-width: 460px;
  padding: 32px 24px;
  background: #ffffff;
  border-radius: 26px;
  box-shadow: 0 14px 45px #40306424;
}

.mark {
  color: #7652ad;
  font-size: 36px;
  margin-bottom: 8px;
}

h1 {
  margin: 0 0 12px;
  font-size: 30px;
}

p {
  margin: 0;
  color: #596176;
  font-size: 18px;
  line-height: 1.5;
}

.alias-card {
  margin: 30px 0 22px;
  padding: 24px 16px;
  text-align: center;
  border: 2px solid #d9c8f2;
  border-radius: 20px;
  background: linear-gradient(135deg, #faf7ff, #eee5ff);
}

.alias-label {
  margin-bottom: 12px;
  color: #7652ad;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.alias-name {
  margin-bottom: 22px;
  color: #5d3b91;
  font-size: 30px;
  font-weight: 800;
  text-shadow: 0 2px 8px #7652ad44;
}

button {
  border: 0;
  border-radius: 12px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.alias-refresh {
  padding: 12px 18px;
  background: #ffffff;
  color: #7652ad;
  border: 1px solid #cdb7ec;
}

.continue {
  width: 100%;
  padding: 16px;
  background: #7652ad;
  color: #ffffff;
}

body {
  min-height: 100svh;
  padding: max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}
.eyebrow { color: #7652ad; font-size: 12px; letter-spacing: .08em; margin-bottom: 10px; }
.alias-name { font-size: clamp(25px, 7vw, 34px); overflow-wrap: anywhere; line-height: 1.25; }
.privacy { font-size: 14px; line-height: 1.6; margin-bottom: 20px; }
.status { font-size: 14px; line-height: 1.5; margin-top: 16px; min-height: 42px; }
button { min-height: 48px; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button:focus-visible { outline: 3px solid #493071; outline-offset: 4px; }
button:disabled { cursor: default; opacity: .65; }
@media (max-width: 360px) { main { padding: 24px 18px; } h1 { font-size: 28px; } }
@media (prefers-reduced-motion: no-preference) { button { transition: background-color .15s ease; } .alias-refresh:hover { background: #f4edff; } }

.alias-card .alias-refresh {display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:160px;max-width:100%;min-height:48px;font-size:16px;line-height:1.3;white-space:nowrap;}
.alias-refresh > span:first-child {font-size:22px;line-height:1;}
body{background:linear-gradient(145deg,#f5f1fc,#edf6f9)}.continue{background:linear-gradient(135deg,#8059b5,#62428f);box-shadow:0 3px 0 #503575,0 8px 20px #69479620}.continue:disabled{box-shadow:none}.alias-card{background:linear-gradient(130deg,#f4edfc,#eef8f8);border-color:#d6ddeb}.alias-refresh{box-shadow:0 2px 5px #48305f12}
.home-login-button{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:12px 18px;border-radius:12px;background:#7650b5;color:#fff;font-weight:700;text-decoration:none;box-shadow:0 5px 12px #7650b533}.home-login-button:hover{background:#62419a}
.entry-card{max-width:520px;margin:7vh auto;padding:36px;border-radius:24px;background:#fff;box-shadow:0 12px 36px #40306418}.entry-button{display:block;margin:16px 0;padding:16px 20px;border-radius:14px;background:#7650b5;color:#fff;text-align:center;text-decoration:none;font-weight:700}.entry-button small{font-weight:400;opacity:.9}.secondary-entry{background:#f3effb;color:#684494;border:1px solid #d8c9ed}
.home-entry-actions{display:grid;gap:10px;margin:22px 0 26px}
.entry-card .entry-button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:58px;margin:16px 0;padding:15px 20px;border-radius:14px;line-height:1.25;white-space:normal}.entry-card .entry-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #7650b533}.entry-card .entry-button:focus-visible,.back-link:focus-visible{outline:3px solid #9b7bd0;outline-offset:3px}
.entry-card a.entry-button{display:flex!important;text-decoration:none!important}.entry-card a.entry-button small{display:block!important;margin-top:5px}.landing-only main:after{display:none}.landing-only main{grid-template-columns:minmax(280px,430px) minmax(180px,1fr);overflow:hidden}.landing-only .home-entry-actions{position:relative;z-index:3;margin-top:28px}
.landing-only{background:radial-gradient(circle at 78% 18%,#d8d0ff 0 2px,transparent 3px),radial-gradient(circle at 86% 62%,#f4d5ff 0 2px,transparent 3px),linear-gradient(135deg,#17162f,#31255b 55%,#a17ac5);background-size:180px 180px,260px 260px,100% 100%;color:#fff}.landing-only main{position:relative;display:grid;grid-template-columns:minmax(280px,420px) minmax(220px,1fr);gap:36px;align-items:center;max-width:1080px;min-height:620px;padding:54px 60px;border:1px solid #ffffff42;background:linear-gradient(120deg,#fffffffa 0 48%,#ffffff10 48%);box-shadow:0 22px 70px #100b2e80}.landing-only main:before{content:'✦  ◌  ✧';position:absolute;right:8%;top:18%;font-size:52px;letter-spacing:28px;color:#fff8;transform:rotate(-12deg);text-shadow:0 0 24px #fff}.landing-only main:after{content:'LEARN  ·  PRACTISE  ·  DISCOVER';position:absolute;right:7%;bottom:18%;margin:0;color:#fff;letter-spacing:4px;font-size:11px}.landing-only main>*{position:relative;z-index:1}.landing-only main>h1,.landing-only main>.eyebrow,.landing-only main>.mark,.landing-only main>p,.landing-only main>.home-entry-actions{grid-column:1}.landing-only main>h1{color:#252a40}.landing-only main>p{color:#596176}.landing-only main>.mark{color:#7652ad}.landing-only .home-entry-actions{grid-template-columns:1fr;max-width:330px}.landing-only .home-login-button{background:linear-gradient(135deg,#8058b4,#4b397f);border:1px solid #ffffff66}.landing-only .alias-card,.landing-only .privacy,.landing-only #continue,.landing-only #status{display:none}@media(max-width:720px){.landing-only main{display:block;min-height:0;padding:34px 26px;background:#fffffff5}.landing-only main:before,.landing-only main:after{display:none}.landing-only .home-entry-actions{max-width:none}}
.landing-only .alias-card,.landing-only .privacy,.landing-only #continue,.landing-only #status,.landing-only main>p:first-of-type{display:none}
.back-link{display:inline-block;margin-bottom:24px;color:#684494;text-decoration:none;font-weight:700}.back-link:hover{text-decoration:underline}.entry-card{position:relative;overflow:hidden}.entry-card:before{content:'';position:absolute;width:220px;height:220px;right:-100px;top:-110px;border-radius:50%;background:linear-gradient(135deg,#eadcff,#dff6f2);opacity:.8;z-index:0}.entry-card>*{position:relative;z-index:1}.entry-button{width:100%;margin:14px 0;text-align:center;border:0;font:inherit;cursor:pointer}.entry-button small{display:block;margin-top:5px;font-size:13px}.secondary-entry{background:linear-gradient(135deg,#f6f0ff,#eefafa)}.landing-only main{max-width:620px;padding:48px 42px;background:linear-gradient(145deg,#fff,#fbf9ff)}.landing-only .mark{font-size:48px}.landing-only h1{font-size:44px;letter-spacing:-1px}.landing-only main:after{content:'A calm place to learn, practise and grow.';display:block;margin-top:26px;color:#6b7082;font-size:16px}.home-entry-actions{grid-template-columns:1fr 1fr;gap:14px}.home-login-button{width:100%;min-width:0}@media(max-width:560px){.landing-only main{padding:34px 24px}.landing-only h1{font-size:36px}.home-entry-actions{grid-template-columns:1fr}}