:root{color-scheme:dark;--bg:#081d30;--fg:#f5f7fa;--accent:#ffab8e;--panel:#ffffff0a;--border:#ffffff26}*{box-sizing:border-box}body{margin:0;background:linear-gradient(130deg,#274963,var(--bg) 70%);background-attachment:fixed;color:var(--fg);font:17px/1.5 system-ui,-apple-system,sans-serif}main{max-width:560px;margin:auto;padding:28px 20px calc(110px + env(safe-area-inset-bottom));text-align:center}h1{font-size:clamp(28px,7vw,40px);line-height:1.2;overflow-wrap:anywhere}h2{font-size:25px}.brand{max-width:260px;width:80%;border-radius:18px}.eyebrow{color:var(--accent);letter-spacing:.18em;font-size:13px;margin:10px 0 24px}.portrait{display:block;max-width:80%;width:auto;max-height:280px;height:auto;margin:auto;border:1px solid var(--border);padding:5px;border-radius:24px}.monogram{width:140px;height:140px;margin:auto;border-radius:30px;background:var(--accent);color:var(--bg);font-size:72px;display:grid;place-items:center}.role{font-size:22px;color:var(--accent)}.line{width:45px;height:3px;background:var(--accent);margin:22px auto}button,a{font:inherit}button{cursor:pointer}a{color:inherit}.tile,.primary{display:block;width:100%;padding:16px;margin:12px 0;border-radius:20px;text-decoration:none;overflow-wrap:anywhere}.tile{background:var(--panel);border:1px solid var(--border);color:var(--fg)}.primary{background:var(--accent);color:#081d30;border:0;font-weight:700}.muted{font-size:14px;color:#b9cbd9}.qr{width:min(100%,290px);height:auto;padding:12px;background:white;border-radius:22px;border:3px solid var(--accent)}.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.share-grid a,.share-grid button{padding:14px 8px;border:1px solid var(--border);border-radius:18px;background:var(--panel);color:var(--fg);text-decoration:none}.share-grid span,.tabs span{display:block;font-size:27px;color:var(--accent)}.share-grid .whatsapp span{color:#25d366}.locked{opacity:.65}.tabs{position:fixed;bottom:0;left:0;right:0;background:#081d30;display:flex;justify-content:center;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.tabs>*{flex:1;max-width:185px;text-align:center;text-decoration:none;color:var(--fg);background:none;border:0;font-size:13px;padding:6px;border-radius:16px}.tabs>*:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}select{width:100%;padding:12px;margin:8px 0 20px;border-radius:12px;background:var(--bg);color:var(--fg)}[hidden]{display:none!important}