@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.login-grid{width:100%;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 460px;grid-gap:4rem;gap:4rem;align-items:center;padding:3rem 4rem}.login-card{background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(24,119,242,.1),0 2px 8px rgba(0,0,0,.06);overflow:hidden;animation:fadeUp .4s ease both}.login-card-header{background:linear-gradient(135deg,#1877f2,#0d5dbf);padding:2rem 2.5rem 1.75rem;text-align:center;position:relative}.login-card-header:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.login-logo{font-family:var(--font-playfair,"Playfair Display",serif);font-size:2.4rem;font-weight:700;color:#fff;letter-spacing:-.02em;position:relative;z-index:1}.login-subtitle{font-size:.82rem;color:hsla(0,0%,100%,.75);margin-top:.3rem;font-family:var(--font-inter,"Inter",sans-serif);position:relative;z-index:1;letter-spacing:.01em}.login-card-body{padding:2rem 2.5rem 2.25rem}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:.65rem .9rem;font-size:.83rem;margin-bottom:1rem;line-height:1.5;display:flex;align-items:flex-start;gap:.5rem}.login-field{position:relative;margin-bottom:.85rem}.login-field-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;display:flex}.login-input{width:100%;border:1.5px solid #e5e7eb;border-radius:12px;padding:.82rem 1rem .82rem 2.75rem;font-family:var(--font-inter,"Inter",sans-serif);font-size:.92rem;color:#111827;background:#f9fafb;outline:none;display:block;transition:border-color .2s,box-shadow .2s,background .2s}.login-input:focus{border-color:#1877f2;background:#fff;box-shadow:0 0 0 3px rgba(24,119,242,.12)}.login-field:focus-within .login-field-icon,.login-input:focus+.login-field-icon{color:#1877f2}.login-input::placeholder{color:#9ca3af}.login-captcha-wrap{display:flex;justify-content:center;margin:.25rem 0 1rem;padding:.75rem;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;overflow:hidden}.login-primary{width:100%;padding:.88rem;background:linear-gradient(135deg,#1877f2,#0d5dbf);color:#fff;border:none;border-radius:12px;font-family:var(--font-montserrat,"Montserrat",sans-serif);font-size:.88rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;margin-bottom:.75rem;box-shadow:0 4px 16px rgba(24,119,242,.3);transition:opacity .15s,transform .1s,box-shadow .15s}.login-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 22px rgba(24,119,242,.38)}.login-primary:active:not(:disabled){transform:translateY(0)}.login-primary:disabled{opacity:.65;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;font-size:.75rem;color:#9ca3af;font-family:var(--font-inter,"Inter",sans-serif)}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:#e5e7eb}.login-social-row{gap:.85rem;margin:.25rem 0 1rem}.login-icon-btn,.login-social-row{display:flex;justify-content:center;align-items:center}.login-icon-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;text-decoration:none;transition:border-color .2s,box-shadow .2s,background .2s,transform .15s;box-shadow:0 1px 4px rgba(0,0,0,.05)}.login-icon-btn:hover{border-color:#1877f2;background:#f0f6ff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(24,119,242,.15)}.login-icon-btn.disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.login-register-btn{display:block;text-align:center;padding:.82rem;background:#f9fafb;color:#1877f2;border:1.5px solid #e5e7eb;border-radius:12px;font-family:var(--font-montserrat,"Montserrat",sans-serif);font-size:.84rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:border-color .2s,background .2s,box-shadow .2s}.login-register-btn:hover{border-color:#1877f2;background:#f0f6ff;box-shadow:0 0 0 3px rgba(24,119,242,.08)}.login-card-footer{text-align:center;margin-top:1.25rem;font-size:.74rem;color:#9ca3af;line-height:1.6}.login-left-eyebrow{display:flex;align-items:center;gap:.6rem;font-size:.65rem;font-weight:700;color:#6b7280;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem;font-family:var(--font-montserrat,"Montserrat",sans-serif)}.login-left-bar{width:28px;height:2px;background:#1877f2;border-radius:2px;flex-shrink:0}.login-left-check{display:flex;align-items:center;gap:.75rem;font-size:.88rem;color:#3d3530;font-family:var(--font-montserrat,"Montserrat",sans-serif);font-weight:500}.login-left-check-icon{width:24px;height:24px;border-radius:50%;background:#eef4ff;color:#1877f2;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1.5px solid #c5d9f7}@media (max-width:768px){.login-grid{grid-template-columns:1fr!important;padding:1.5rem 1rem!important;gap:0!important;min-height:100vh;align-items:flex-start}.login-left{display:none!important}.login-card{max-width:420px;margin:0 auto}.login-card-header{padding:1.75rem 1.75rem 1.5rem}.login-card-body{padding:1.5rem 1.75rem 2rem}}