body{font-family:sans-serif;background:#667eea;display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0}
.box{background:#fff;padding:2rem;border-radius:8px;width:90%;max-width:400px}
h1{margin:0 0 1.5rem;text-align:center}
input{width:100%;padding:10px;margin:8px 0;border:2px solid #ddd;border-radius:4px;box-sizing:border-box}
button{width:100%;padding:12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:8px}
button:hover{background:#5568d3}
button:disabled{opacity:.5}
.msg{padding:12px;margin-top:16px;border-radius:4px;display:none}
.msg.show{display:block}
.ok{background:#d4edda;color:#155724}
.err{background:#f8d7da;color:#721c24}
small{font-size:11px;color:#666;display:block;margin:8px 0}