html,body,#root{margin:0;width:100%;min-height:100%}body{font-family:Arial,Helvetica,sans-serif;background:#f1f3f4}*{box-sizing:border-box}.login-page{min-height:100vh;width:100%;background:#f1f3f4;display:flex;justify-content:center;align-items:center;padding:32px 20px}.login-shell{width:100%;max-width:440px}.login-brand{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:18px}.login-brand-icon{width:38px;height:38px;border-radius:8px;background:#1a73e8;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.login-brand-text{font-size:24px;font-weight:500;color:#202124;letter-spacing:-.2px}.login-card{width:100%;background:#fff;border:1px solid #dadce0;border-radius:16px;padding:40px 36px 28px;box-shadow:0 1px 3px #3c404326}.login-header{text-align:left;margin-bottom:24px}.login-header h1{margin:0 0 10px;color:#202124;font-size:30px;font-weight:400;line-height:1.2}.login-header p{margin:0;color:#5f6368;font-size:14px;line-height:1.5}.login-form{display:grid;gap:16px}.login-field{display:grid;gap:8px}.login-field label{color:#202124;font-size:14px;font-weight:500}.login-field input{width:100%;height:52px;border:1px solid #dadce0;border-radius:8px;padding:0 14px;font-size:16px;color:#202124;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-field input::placeholder{color:#80868b}.login-field input:focus{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.login-primary-btn,.login-secondary-btn{width:100%;min-height:44px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.login-primary-btn{border:none;background:#1a73e8;color:#fff;margin-top:6px}.login-primary-btn:hover{background:#1765cc}.login-secondary-btn{border:1px solid #dadce0;background:#fff;color:#1a73e8}.login-secondary-btn:hover{background:#f8f9fa}.login-error{border:1px solid #f28b82;background:#fce8e6;color:#c5221f;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.4}@media(max-width:520px){.login-page{padding:20px 14px;align-items:flex-start}.login-card{padding:28px 20px 22px;border-radius:12px}.login-header h1{font-size:26px}.login-brand-text{font-size:21px}}