*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:linear-gradient(135deg,#0061ff 0%,#0040d6 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.container{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:500px;padding:48px}
.logo-container{text-align:center;margin-bottom:32px}
.logo{width:118px;height:auto}
.title{font-size:20px;font-weight:600;text-align:center;margin-bottom:24px;color:#1e1919}
.form-group{margin-bottom:20px}
.form-input{width:100%;height:44px;padding:0 14px;font-size:15px;border:1px solid #c7cfd6;border-radius:4px;transition:all .2s;font-family:inherit}
.form-input:focus{outline:none;border-color:#0061ff;box-shadow:0 0 0 2px rgba(0,97,255,.1)}
.form-input.error{border-color:#c32e04}
.error-message{color:#c32e04;font-size:13px;margin-top:6px;display:none}
.error-message.show{display:block}
.button-primary{width:100%;height:44px;background:#0061ff;color:#fff;border:none;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}
.button-primary:hover{background:#0040d6}
.button-primary:disabled{background:#c7cfd6;color:#889099}
.divider{text-align:center;margin:24px 0;position:relative}
.divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:#e7ebee}
.divider span{background:#fff;padding:0 12px;color:#76808f;font-size:14px;position:relative}
.button-google{width:100%;height:44px;background:#fff;color:#3c4149;border:1px solid #c7cfd6;border-radius:4px;font-size:15px;font-weight:500;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px}
.button-google:hover{background:#f6f8fa}
.google-icon{width:18px;height:18px}
.signup-text{text-align:center;margin-top:20px;font-size:14px;color:#76808f}
.signup-link{color:#0061ff;text-decoration:none;font-weight:600}
.signup-link:hover{text-decoration:underline}
.user-email{background:#f6f8fa;border:1px solid #e7ebee;padding:12px;margin-bottom:20px;border-radius:4px;font-size:14px;color:#3c4149;text-align:center}
.cdr-warning{position:fixed;top:0;left:0;right:0;background:#c32e04;color:#fff;padding:14px;text-align:center;z-index:9999}
.cdr-close{position:absolute;top:50%;right:16px;transform:translateY(-50%);background:#fff;color:#c32e04;border:none;padding:5px 14px;border-radius:3px;cursor:pointer;font-size:12px;font-weight:600}
.loading-spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:spin .6s linear infinite;display:inline-block;margin-right:6px}
@keyframes spin{to{transform:rotate(360deg)}}
.button-primary.loading .default-text{display:none}
.button-primary.loading .loading-text{display:inline}
.loading-text{display:none}