*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;overflow:hidden}#root{width:100vw;height:100vh;min-height:100vh;position:relative;display:block}.app-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;margin:0;padding:0;overflow:hidden}.login-container{width:100%;max-width:400px;background-color:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.login-container h2{color:#2d3748;font-size:28px;font-weight:700;margin:0;padding:0;width:100%;text-align:center}.login-input-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.login-input{width:100%;max-width:320px;padding:16px 20px;font-size:16px;border:2px solid #e2e8f0;border-radius:12px;outline:none;background:#f8fafc;color:#2d3748;transition:all .3s ease;text-align:center}.login-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.login-button-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.login-button{width:100%;max-width:320px;padding:16px 20px;color:#fff;border:none;border-radius:12px;background:#667eea;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.login-container br{display:none}