*{box-sizing:border-box}body{margin:0;min-height:100svh;color:#fff;font-family:system-ui,Arial;background:#030562 url('/fundo-original.php') center/cover fixed}main{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:linear-gradient(90deg,rgba(2,4,54,.35),transparent)}.panel{width:420px;max-width:100%;padding:36px;border:1px solid #ffffff50;border-radius:24px;background:#ffffff16;backdrop-filter:blur(16px);box-shadow:0 24px 80px #0003}.field{display:flex;align-items:center;border:1px solid #ffffff60;border-radius:12px;background:#ffffff14;padding:0 15px;gap:12px}.field+.field{margin-top:18px}.field svg,.icon{width:20px;flex-shrink:0;text-align:center;color:white}input{width:100%;min-width:0;background:none;border:0;color:white;font:inherit;height:50px;outline:none}input::placeholder{color:#c9d0ed}.field:focus-within{outline:2px solid #ffffffaa;outline-offset:2px}button{width:100%;min-height:50px;border:0;border-radius:12px;background:#f1f3ff;color:#070844;font-size:16px;font-weight:700;margin-top:24px;padding:12px;cursor:pointer}button:disabled{opacity:.55;cursor:default}h1{font-size:25px;margin:0 0 14px}p{line-height:1.6;font-size:14px;color:#e0e6ff}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}.error{background:#9c193d80;border:1px solid #ffb6c5;padding:12px;border-radius:10px}.qrcode{background:white;padding:16px;margin:24px auto;width:252px;height:252px;border-radius:12px}.qrcode img{display:block}a,summary{display:block;color:#e4eaff;margin-top:20px;cursor:pointer;font-size:14px}.secret{display:block;overflow-wrap:anywhere;margin:12px 0;font-size:14px}.recovery{display:grid;gap:10px;margin:20px 0}.recovery code{font-size:11px;overflow-wrap:anywhere;background:#ffffff12;padding:8px;border-radius:6px}@media(max-width:600px){.panel{padding:28px}body{background-position:65% center}main{background:#01043355}}@media(prefers-reduced-transparency:reduce){.panel{background:#141755}}