.login-page{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative}.login-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;max-width:440px;padding:32px;margin-bottom:24px}.login-header{display:flex;justify-content:center;align-items:center;margin-bottom:32px}.login-header-brand{font-size:24px;font-weight:700;color:#000;letter-spacing:-.5px;margin:0}.login-content{display:flex;flex-direction:column;gap:24px}.login-title{font-size:32px;font-weight:700;color:#000;text-align:center;margin:0;line-height:1.2}.login-subtitle{font-size:16px;color:#6b7280;text-align:center;margin:0}.btn-shop-login{width:100%;padding:16px 24px;background-color:#7c3aed;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,opacity .2s;margin-top:8px}.btn-shop-login:hover:not(:disabled){background-color:#6d28d9}.btn-shop-login:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:8px 0}.divider-line{flex:1;height:1px;background-color:#e5e7eb}.divider-text{font-size:14px;color:#6b7280;font-weight:400}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{width:100%}.form-input{width:100%;padding:14px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;color:#000;background-color:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2)}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.btn-continue{width:100%;padding:14px 24px;background-color:#f3f4f6;color:#000;border:1px solid #d1d5db;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,opacity .2s}.btn-continue:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.btn-continue:disabled{opacity:.5;cursor:not-allowed}.btn-passkey{width:100%;padding:12px 24px;background-color:#fff;color:#000;border:1px solid #000;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.btn-passkey:hover:not(:disabled){background-color:#f9fafb}.btn-passkey:disabled{opacity:.5;cursor:not-allowed}.btn-passkey svg{flex-shrink:0}.login-footer{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.legal-text{font-size:12px;color:#9ca3af;line-height:1.6;text-align:center;margin:0}.legal-link{color:#6b7280;text-decoration:underline;transition:color .2s}.legal-link:hover{color:#4b5563}.login-bottom-links{display:flex;gap:16px;justify-content:center;margin-top:auto;padding-top:24px}.bottom-link{font-size:14px;color:#2563eb;text-decoration:none;transition:color .2s}.bottom-link:hover{color:#1d4ed8;text-decoration:underline}@media (max-width:640px){.login-page{padding:16px}.login-card{padding:24px;border-radius:8px}.login-title{font-size:28px}.login-subtitle{font-size:14px}.login-header-brand{font-size:20px}.legal-text{font-size:11px}.login-bottom-links{flex-direction:column;gap:8px;align-items:center}}