body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{background:#f9f9f9;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:700}input[type=text],input[type=email],input[type=password]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.readonly-field{background-color:#f0f0f0;color:#666;cursor:not-allowed}.btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s ease}.btn:hover{background:#2980b9}.error-message{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:20px;border:1px solid #f5c6cb}.success-message{background:#d4edda;color:#155724;padding:10px;border-radius:4px;margin-bottom:20px;border:1px solid #c3e6cb}.note{font-size:14px;color:#666;margin-top:8px}.password-container{position:relative;display:flex;align-items:center}.toggle-password{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:0;color:#666;z-index:10}.eye-icon{width:24px;height:24px;fill:#666}.toggle-password:hover .eye-icon{fill:#333}.password-strength{margin-top:10px}.strength-meter{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:5px}.strength-bar{height:100%;width:0;background-color:#e0e0e0;transition:width .3s ease,background-color .3s ease}.strength-text{font-size:14px;color:#666}.password-requirements{font-size:14px;color:#666;margin-top:8px;padding-left:20px}.password-requirements li{margin-bottom:4px}.login-requirements{background:#f0f7ff;border:1px solid #b3d4fc;padding:10px 15px;margin-top:8px;border-radius:4px;font-size:12px}.login-requirements strong{color:#06c}.login-requirements ul{margin:5px 0;padding-left:20px}.password-reset-link{text-align:center;margin-top:15px;margin-bottom:10px}.password-reset-link a{color:#666;text-decoration:none;font-size:14px}.password-reset-link a:hover{color:#333;text-decoration:underline}.switch-login-method-btn{display:inline-block;margin-top:10px;padding:8px 16px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:14px;cursor:pointer;transition:all .2s ease}.switch-login-method-btn:hover{background:#e9ecef;border-color:#adb5bd;color:#212529}input.is-valid{border-color:#28a745}input.is-invalid{border-color:#dc3545}@media screen and (min-width: 768px){.container{max-width:500px;margin:0 auto}}