*{box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:500px;background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center}.logo{max-height:12rem}h1{margin-bottom:30px;color:#1f2937}form{display:flex;flex-direction:column;gap:15px}label{text-align:left;color:#374151;font-weight:600;margin-top:10px}input{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:16px}input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}button{margin-top:20px;padding:14px;background:#6366f1;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .3s}button:hover{background:#4f46e5}.mensagem{margin-top:20px;color:green;font-weight:600}button:disabled{opacity:.7;cursor:not-allowed}.dots:after{content:"";display:inline-block;animation:dots 1.5s infinite steps(4,end);width:1em;margin-left:6px;text-align:left}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}