.auth-page{margin:0 !important;padding:0 !important;width:100vw !important;max-width:100vw !important;overflow-x:hidden;overflow-y:hidden;background:#fafafa;height:100vh}.auth-brand{display:inline-flex;align-items:baseline;justify-content:center;gap:10px;text-decoration:none;margin-bottom:8px;transition:opacity 0.2s ease}.auth-brand:hover{opacity:0.8}.auth-logo-text{font-size:32px;font-weight:700;color:#000;letter-spacing:-0.03em;line-height:1}.auth-title-text{font-size:28px;font-weight:600;color:#6b7280;letter-spacing:-0.02em;line-height:1}.auth-main{height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 0;background:#fafafa;position:relative;z-index:1;width:100vw !important;max-width:100vw !important;margin:0 !important;margin-left:0 !important;margin-right:0 !important;left:0;right:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}.auth-container{width:100%;max-width:480px;margin:0 auto;padding:0 24px;box-sizing:border-box}.register-page .auth-container{max-width:700px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.05);padding:32px;border:1px solid #e5e7eb;width:100%;max-height:calc(100vh - 48px);overflow-y:auto;box-sizing:border-box}.auth-header{text-align:center;margin-bottom:32px}.auth-subtitle{font-size:15px;color:#6b7280;font-weight:400;margin-top:8px}.auth-form{width:100%}.form-group{margin-bottom:20px}.form-row{display:flex;gap:12px;margin-bottom:20px}.form-row .form-group{flex:1;margin-bottom:0;min-width:0}.form-label{position:relative;display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px;letter-spacing:-0.01em}.optional-label{font-size:12px;color:#9ca3af;font-weight:400;margin-left:4px}.form-input{width:100%;padding:10px 12px;font-size:14px;color:#111;background:#fff;border:1px solid #d1d5db;border-radius:6px;transition:all 0.15s ease;box-sizing:border-box;font-family:inherit;line-height:1.5}.form-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px rgba(0,0,0,0.05)}.form-input:hover:not(:focus){border-color:#9ca3af}.form-input::placeholder{color:#9ca3af;font-weight:400}.form-textarea{resize:vertical;min-height:72px;font-family:inherit;line-height:1.5;padding:10px 12px}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%236b7280' d='M5 7L1 3h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#9ca3af;cursor:pointer;transition:color 0.15s;padding:0}.password-toggle:hover{color:#6b7280}.password-toggle .eye-icon{width:18px;height:18px}.password-toggle.active .eye-icon path:first-child{display:none}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:#374151;line-height:1.5}.checkbox-label input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:#000}.forgot-link{color:#111;text-decoration:none;font-weight:500;transition:color 0.2s}.forgot-link:hover{color:#000;text-decoration:underline}.btn-auth-submit{width:100%;padding:12px 16px;font-size:14px;font-weight:600;color:#fff;background:#000;border:1px solid #000;border-radius:6px;cursor:pointer;transition:all 0.15s ease;margin-bottom:20px;font-family:inherit;letter-spacing:-0.01em;line-height:1.5}.btn-auth-submit:hover{background:#1a1a1a;border-color:#1a1a1a}.btn-auth-submit:active{transform:scale(0.98)}.auth-divider{position:relative;text-align:center;margin:20px 0}.auth-divider::before{content:'';position:absolute;left:0;top:50%;width:100%;height:1px;background:#e5e5e5}.auth-divider span{position:relative;background:#fff;padding:0 16px;color:#999;font-size:13px}.auth-footer{text-align:center;font-size:14px;color:#6b7280}.auth-link{color:#000;font-weight:600;text-decoration:none;transition:color 0.2s;margin-left:4px}.auth-link:hover{color:#1a1a1a;text-decoration:underline}@media (max-width:1024px){.auth-logo-text{font-size:28px}.auth-title-text{font-size:24px}}@media (max-width:768px){.auth-logo-text{font-size:26px}.auth-title-text{font-size:22px}.auth-brand{gap:8px}.auth-main{padding:16px 0;height:100vh}.auth-container{padding:0 16px;max-width:100% !important}.auth-card{max-height:calc(100vh - 32px);padding:28px 20px;border-radius:10px}.auth-header{margin-bottom:28px}.auth-subtitle{font-size:13px}.form-input{font-size:16px;padding:10px 12px}.form-label{font-size:13px;margin-bottom:6px}.form-group{margin-bottom:18px}.form-row{flex-direction:column;gap:0;margin-bottom:0}.form-row .form-group{margin-bottom:24px}}@media (max-width:480px){.auth-logo-text{font-size:24px}.auth-title-text{font-size:20px}.auth-brand{flex-direction:column;align-items:center;gap:4px}.auth-main{padding:12px 0;height:100vh}.auth-container{padding:0 12px}.auth-card{max-height:calc(100vh - 24px);padding:24px 16px;border-radius:10px}.auth-header{margin-bottom:24px}.form-group{margin-bottom:16px}.form-label{font-size:12px;margin-bottom:5px}.form-input{padding:9px 10px;font-size:16px}.btn-auth-submit{padding:11px 14px;font-size:14px}.form-options{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.form-options .checkbox-label span{font-size:12px}.form-options .forgot-link{font-size:12px;white-space:nowrap}.auth-form>.form-group .checkbox-label span{font-size:12px;line-height:1.4}}