*{box-sizing:border-box}html,body,#root{color:#f1dcff;background:#07000f;min-height:100%;margin:0;font-family:Georgia,serif}body{background:radial-gradient(circle at top,#26002f 0,#07000f 45%,#000 100%)}button,input,select,textarea{font:inherit}.screen{max-width:560px;min-height:100vh;margin:0 auto;padding:1.2rem 1.2rem 6.5rem}.hero{text-align:center;flex-direction:column;justify-content:center;display:flex}.brand{letter-spacing:.09em;text-transform:uppercase;color:#fff}.slogan{background:linear-gradient(135deg,#ff2f75,#9b2cff,#19d3ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:.8rem 0 1.8rem;font-family:Palatino Linotype,Georgia,serif;font-size:2.6rem}.title{background:linear-gradient(135deg,#ff2f75,#9b2cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Palatino Linotype,Georgia,serif}.card{background:#140020e0;border:1px solid #3a0648;border-radius:20px;padding:1rem;box-shadow:0 18px 60px #0000003d}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2f75,#9b2cff);border:none;border-radius:999px;width:100%;padding:1rem;font-weight:700;box-shadow:0 0 25px #9b2cff59}.btn.secondary{box-shadow:none;background:#230032d1;border:1px solid #3a0648}.btn:disabled{opacity:.45;cursor:not-allowed}.label{color:#9f78ad;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;display:block}.input{color:#f1dcff;background:#280032d6;border:1px solid #4e0b5c;border-radius:12px;outline:none;width:100%;padding:.85rem 1rem}.grid2{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.nav{z-index:20;background:#05000af7;border-top:1px solid #26002f;justify-content:space-around;padding:.55rem .3rem;display:flex;position:fixed;bottom:0;left:0;right:0}.nav button{color:#71577c;background:0 0;border:none;gap:.15rem;font-size:.72rem;display:grid}.nav button.active{color:#ff6ba2}.avatar{object-fit:cover;background:#23002e;border:2px solid #5b1270;border-radius:50%;width:66px;height:66px}.pill{color:#dcb8ef;cursor:pointer;background:#3c005073;border:1px solid #4e0b5c;border-radius:999px;margin:.2rem;padding:.35rem .65rem;font-size:.82rem;display:inline-block}.loading{color:#ff2f75;justify-content:center;align-items:center;min-height:100vh;font-size:3rem;display:flex}@media (width<=440px){.grid2{grid-template-columns:1fr}.slogan{font-size:2.1rem}}