.login-page{min-height:100vh;display:flex}.login-hero{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 100%);flex-direction:column;flex:1;justify-content:center;padding:48px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:10;max-width:480px;position:relative}.hero-logo{align-items:center;gap:16px;margin-bottom:48px;display:flex}.logo-icon{color:#0d0d0d;background:#18e299;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.logo-text{flex-direction:column;gap:2px;display:flex}.church-name{color:#fff;letter-spacing:-.2px;font-size:20px;font-weight:600}.church-location{color:#888;font-size:14px}.hero-title{color:#fff;letter-spacing:-1.28px;margin:0 0 16px;font-size:48px;font-weight:600;line-height:1.15}.hero-subtitle{color:#888;margin:0 0 48px;font-size:18px;line-height:1.5}.hero-features{flex-direction:column;gap:16px;display:flex}.feature{color:#e5e5e5;align-items:center;gap:12px;font-size:15px;display:flex}.feature-icon{color:#18e299;font-size:12px}.hero-decoration{pointer-events:none;position:absolute;inset:0}.circle{opacity:.1;border-radius:50%;position:absolute}.circle-1{filter:blur(80px);background:#18e299;width:600px;height:600px;top:-200px;right:-200px}.circle-2{filter:blur(60px);background:#18e299;width:400px;height:400px;bottom:-100px;left:-100px}.circle-3{filter:blur(40px);background:#18e299;width:200px;height:200px;top:40%;left:30%}.login-form-section{background:#fff;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.form-container{width:100%;max-width:400px}.form-header{margin-bottom:32px}.form-header h2{color:#0d0d0d;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:600}.form-header p{color:#666;margin:0;font-size:15px}.error-banner{color:#d45656;background:#d4565614;border:1px solid #d4565633;border-radius:12px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 16px;font-size:14px;display:flex}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#333;font-size:14px;font-weight:500}.form-input{color:#0d0d0d;background:#fff;border:1px solid #00000014;border-radius:9999px;width:100%;height:48px;padding:0 16px;font-size:15px;transition:all .2s}.form-input::placeholder{color:#888}.form-input:hover{border-color:#0000001f}.form-input:focus{border-color:#18e299;outline:none;box-shadow:0 0 0 3px #18e29926}.form-input.error{border-color:#d45656}.form-input.error:focus{box-shadow:0 0 0 3px #d4565626}.password-input{position:relative}.password-input .form-input{padding-right:52px}.toggle-password{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.toggle-password:hover{color:#666}.field-error{color:#d45656;align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.form-options{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.remember-me{cursor:pointer;color:#666;align-items:center;gap:10px;font-size:14px;display:flex}.remember-me input{display:none}.checkbox-custom{border:1px solid #00000026;border-radius:4px;width:18px;height:18px;transition:all .2s;position:relative}.remember-me input:checked+.checkbox-custom{background:#18e299;border-color:#18e299}.remember-me input:checked+.checkbox-custom:after{content:"";border:2px solid #0d0d0d;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.forgot-link{color:#0d0d0d;font-size:14px;font-weight:500;text-decoration:none}.forgot-link:hover{color:#18e299}.btn-submit{color:#fff;cursor:pointer;background:#0d0d0d;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:8px;font-size:15px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000f}.btn-submit:hover{background:#1a1a1a;box-shadow:0 4px 12px #00000026}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider{color:#888;align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#e5e5e5;flex:1;height:1px}.btn-google{color:#333;cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:9999px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-google:hover{background:#fafafa;border-color:#0000001f}.btn-google:disabled{opacity:.6;cursor:not-allowed}.signup-link{text-align:center;color:#666;margin-top:24px;font-size:14px}.signup-link a{color:#0d0d0d;font-weight:500;text-decoration:none}.signup-link a:hover{color:#18e299}@media (max-width:1024px){.login-page{flex-direction:column}.login-hero{min-height:auto;padding:32px}.hero-title{font-size:36px}.hero-features{flex-flow:wrap;gap:24px}.login-form-section{padding:32px 24px}}@media (max-width:640px){.login-hero{padding:24px}.hero-logo{margin-bottom:32px}.hero-title{font-size:28px}.hero-subtitle{margin-bottom:32px;font-size:16px}.hero-features{flex-direction:column;gap:12px}.form-header h2{font-size:24px}}