@font-face{font-family:Lato;src:url('/fonts/Lato-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('/fonts/Lato-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#fdfaf3;color:#29364b;font:16px/1.6 Lato,sans-serif;padding:32px 20px;min-height:100dvh;display:grid;place-items:center}main{width:min(100%,440px);background:#fffefa;border:1px solid #dfe5d8;border-top:7px solid #b6d5bc;border-radius:20px;padding:28px;box-shadow:0 5px 0 #eae8df66}h1{font-size:26px;line-height:1.3;color:#355d4f;margin:0 0 12px}p{margin:12px 0;color:#586878}form{margin-top:26px}label{font-weight:700;color:#344d43}input{display:block;width:100%;min-height:50px;padding:12px;border:1px solid #bacdbb;border-radius:10px;background:white;font:inherit;font-size:17px}button{width:100%;min-height:48px;border:0;border-radius:10px;background:#426b60;color:white;font:700 16px Lato,sans-serif;cursor:pointer;margin:4px 0 12px}input:focus-visible,button:focus-visible{outline:3px solid #d6b864;outline-offset:3px}[role=alert]{background:#fff0db;color:#7c5129;padding:12px;border-radius:9px}main>p:last-child{font-size:14px} @media(display-mode:standalone){body{padding-top:calc(32px + env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom));}}

/* Clubhouse family identity */
body{background:#faf8ff;color:#302353}main{background:white;border:1px solid #e4ddef;border-radius:24px;box-shadow:0 14px 50px #30235309;padding:34px}h1{color:#302353;font-size:30px}main:before{content:'ECI · FAMILIAS';display:inline-block;background:#ede6ff;color:#6540aa;padding:7px 12px;border-radius:8px;font-size:12px;letter-spacing:1px;font-weight:700;margin-bottom:20px}p{color:#70677d}label{color:#302353}input{border-color:#dcd3e9}button{background:#6540aa;border-radius:12px}button:hover{background:#51318f}input:focus-visible,button:focus-visible{outline-color:#8661c3}