.login-container.svelte-1i2smtp{max-width:500px;margin:20px auto;padding:20px;position:relative;z-index:1}.login-header.svelte-1i2smtp{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.login-icon.svelte-1i2smtp{width:80px;height:80px;background:linear-gradient(135deg,#1ec6b6,#17a2b8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px;position:relative;overflow:hidden;animation:svelte-1i2smtp-pulseIcon 3s ease-in-out infinite}.login-icon.svelte-1i2smtp:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:svelte-1i2smtp-shimmer 2s infinite}.login-header.svelte-1i2smtp h2:where(.svelte-1i2smtp){margin:0 0 10px;font-family:Montserrat,Poppins,sans-serif;font-weight:700;color:#0a4a47;font-size:2em;text-align:center;text-shadow:0 1px 2px rgba(10,74,71,.1)}.login-header.svelte-1i2smtp p:where(.svelte-1i2smtp){margin:0;color:#2c5955;text-align:center;font-size:1.1em;font-weight:500}.unverified-banner.svelte-1i2smtp{display:flex;align-items:flex-start;gap:10px;background:#d9770614;color:#92400e;border:1px solid rgba(217,119,6,.3);border-radius:12px;padding:14px 18px;font-size:.95em;font-weight:500;margin-bottom:20px;animation:svelte-1i2smtp-fadeIn .3s ease;line-height:1.5}.unverified-banner.svelte-1i2smtp svg:where(.svelte-1i2smtp){flex-shrink:0;margin-top:2px}.unverified-banner.svelte-1i2smtp a:where(.svelte-1i2smtp){color:#b45309;font-weight:700;text-decoration:underline;text-underline-offset:2px}.unverified-banner.svelte-1i2smtp a:where(.svelte-1i2smtp):hover{color:#78350f}.subscription-banner.svelte-1i2smtp{display:flex;align-items:flex-start;gap:10px;border-radius:12px;padding:14px 18px;font-size:.95em;font-weight:500;margin-bottom:20px;animation:svelte-1i2smtp-fadeIn .3s ease;line-height:1.5;border:1px solid}.subscription-banner.svelte-1i2smtp svg:where(.svelte-1i2smtp){flex-shrink:0;margin-top:2px}.subscription-banner.svelte-1i2smtp a:where(.svelte-1i2smtp){font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.subscription-banner.pending.svelte-1i2smtp{background:#d9770614;color:#92400e;border-color:#d977064d}.subscription-banner.pending.svelte-1i2smtp a:where(.svelte-1i2smtp){color:#b45309}.subscription-banner.pending.svelte-1i2smtp a:where(.svelte-1i2smtp):hover{color:#78350f}.subscription-banner.no-sub.svelte-1i2smtp{background:#dc262614;color:#991b1b;border-color:#dc26264d}.subscription-banner.no-sub.svelte-1i2smtp a:where(.svelte-1i2smtp){color:#dc2626}.subscription-banner.no-sub.svelte-1i2smtp a:where(.svelte-1i2smtp):hover{color:#7f1d1d}html.dark .subscription-banner.pending.svelte-1i2smtp{background:#d977061f;color:#fcd34d;border-color:#d9770659}html.dark .subscription-banner.pending.svelte-1i2smtp a:where(.svelte-1i2smtp){color:#fbbf24}html.dark .subscription-banner.no-sub.svelte-1i2smtp{background:#dc26261f;color:#fca5a5;border-color:#dc262659}html.dark .subscription-banner.no-sub.svelte-1i2smtp a:where(.svelte-1i2smtp){color:#f87171}.login-form.svelte-1i2smtp{background:#fffffff2;border:2px solid rgba(30,198,182,.15);border-radius:20px;padding:40px;box-shadow:0 8px 32px #0e5e5a1f,0 4px 16px #0e5e5a14;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-form.svelte-1i2smtp:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(30,198,182,.02),transparent);animation:svelte-1i2smtp-formShimmer 4s infinite}.form-grid.svelte-1i2smtp{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.input-group.svelte-1i2smtp{position:relative}.input-group.svelte-1i2smtp label:where(.svelte-1i2smtp){display:flex;align-items:center;gap:8px;font-weight:600;color:#0a4a47;margin-bottom:10px;font-size:1em}.input-group.svelte-1i2smtp input:where(.svelte-1i2smtp){width:100%;padding:16px 50px 16px 20px;border:2px solid rgba(30,198,182,.2);border-radius:12px;font-size:16px;background:#fffc;color:#2c3e50;transition:all .3s ease;position:relative;z-index:1;box-sizing:border-box}.input-group.svelte-1i2smtp input:where(.svelte-1i2smtp)::placeholder{color:#a0aeb8}.input-group.svelte-1i2smtp input:where(.svelte-1i2smtp):focus{outline:none;border-color:#1ec6b6;box-shadow:0 0 0 3px #1ec6b61a;transform:translateY(-2px)}.password-toggle.svelte-1i2smtp{position:absolute;right:5px;top:45px;cursor:pointer;color:#666;background:none;border:none;transition:color .3s ease;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-top:-6px;padding:0}.password-toggle.svelte-1i2smtp:hover{color:#1ec6b6}.form-actions.svelte-1i2smtp{display:flex;justify-content:center}.login-btn.svelte-1i2smtp{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#1ec6b6,#17a2b8);color:#fff;border:none;padding:18px 32px;border-radius:25px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1ec6b640;position:relative;overflow:hidden;min-height:56px}.login-btn.svelte-1i2smtp:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-btn.svelte-1i2smtp:hover:not(:disabled):before{left:100%}.login-btn.svelte-1i2smtp:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #1ec6b659}.login-btn.svelte-1i2smtp:disabled{opacity:.7;cursor:not-allowed}.spinner.svelte-1i2smtp{animation:svelte-1i2smtp-spin 1s linear infinite}.login-footer.svelte-1i2smtp{text-align:center;margin-top:30px}.login-footer.svelte-1i2smtp p:where(.svelte-1i2smtp){color:#2c5955;font-size:1em;font-weight:500}.login-footer.svelte-1i2smtp a:where(.svelte-1i2smtp){color:#1ec6b6;text-decoration:none;font-weight:600;transition:color .3s ease;padding:8px 4px;margin:-8px -4px;border-radius:6px;display:inline-block}.login-footer.svelte-1i2smtp a:where(.svelte-1i2smtp):hover{color:#17a2b8;text-decoration:none}.passkey-section.svelte-1i2smtp{margin-top:30px;animation:svelte-1i2smtp-fadeIn .5s ease-in}.passkey-divider.svelte-1i2smtp{display:flex;align-items:center;text-align:center;margin:30px 0;position:relative}.passkey-divider.svelte-1i2smtp:before,.passkey-divider.svelte-1i2smtp:after{content:"";flex:1;border-bottom:1px solid rgba(30,198,182,.2)}.passkey-divider.svelte-1i2smtp span:where(.svelte-1i2smtp){padding:0 15px;color:#2c5955;font-weight:600;font-size:.95em;background:transparent}.passkey-btn.svelte-1i2smtp{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:18px 32px;border-radius:15px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea40;position:relative;overflow:hidden;min-height:60px}.passkey-btn.svelte-1i2smtp:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.passkey-btn.svelte-1i2smtp:hover:before{left:100%}.passkey-btn.svelte-1i2smtp:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea59;background:linear-gradient(135deg,#764ba2,#667eea)}.passkey-btn.svelte-1i2smtp:active{transform:translateY(-1px)}.passkey-hint.svelte-1i2smtp{text-align:center;color:#5a6c7d;font-size:.9em;margin-top:12px;line-height:1.4;font-weight:500}html.dark .login-header.svelte-1i2smtp h2:where(.svelte-1i2smtp){color:#fff}html.dark .login-header.svelte-1i2smtp p:where(.svelte-1i2smtp){color:#ccc}html.dark .login-form.svelte-1i2smtp{background:#2a2a2a;border-color:#404040}html.dark .unverified-banner.svelte-1i2smtp{background:#d977061f;color:#fcd34d;border-color:#d9770659}html.dark .unverified-banner.svelte-1i2smtp a:where(.svelte-1i2smtp){color:#fbbf24}html.dark .input-group.svelte-1i2smtp label:where(.svelte-1i2smtp){color:#fff}html.dark .input-group.svelte-1i2smtp input:where(.svelte-1i2smtp){background:#333;border-color:#555;color:#fff}html.dark .input-group.svelte-1i2smtp input:where(.svelte-1i2smtp)::placeholder{color:#888}html.dark .input-group.svelte-1i2smtp input:where(.svelte-1i2smtp):focus{border-color:#1ec6b6}html.dark .password-toggle.svelte-1i2smtp{color:#aaa}html.dark .login-footer.svelte-1i2smtp p:where(.svelte-1i2smtp){color:#ccc}html.dark .passkey-divider.svelte-1i2smtp:before,html.dark .passkey-divider.svelte-1i2smtp:after{border-color:#555}html.dark .passkey-divider.svelte-1i2smtp span:where(.svelte-1i2smtp){color:#ccc}html.dark .passkey-hint.svelte-1i2smtp{color:#ccc}@keyframes svelte-1i2smtp-pulseIcon{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes svelte-1i2smtp-shimmer{0%{left:-100%}to{left:100%}}@keyframes svelte-1i2smtp-formShimmer{0%{left:-100%}50%{left:-100%}to{left:100%}}@keyframes svelte-1i2smtp-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1i2smtp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.login-container.svelte-1i2smtp{margin:80px auto;padding:15px;max-width:calc(100vw - 30px);position:relative;z-index:1}.login-icon.svelte-1i2smtp{width:70px;height:70px}.login-icon.svelte-1i2smtp svg:where(.svelte-1i2smtp){width:36px!important;height:36px!important}.login-header.svelte-1i2smtp h2:where(.svelte-1i2smtp){font-size:1.8em;line-height:1.2}.login-header.svelte-1i2smtp p:where(.svelte-1i2smtp){font-size:1em;line-height:1.4;padding:0 10px}.login-form.svelte-1i2smtp{padding:30px 25px;margin:0 auto}.form-grid.svelte-1i2smtp{gap:25px}.input-group.svelte-1i2smtp label:where(.svelte-1i2smtp){font-size:.95em;margin-bottom:8px}.input-group.svelte-1i2smtp input:where(.svelte-1i2smtp){font-size:16px;padding:18px 50px 18px 18px}.password-toggle.svelte-1i2smtp{right:12px;top:52px;width:48px;height:48px}.login-btn.svelte-1i2smtp{width:100%;justify-content:center;padding:20px 32px;font-size:16px;min-height:60px}.login-footer.svelte-1i2smtp p:where(.svelte-1i2smtp){font-size:.95em;line-height:1.5;margin:15px 0 10px}}@media(max-width:480px){.login-container.svelte-1i2smtp{margin:20px auto;padding:10px}.login-header.svelte-1i2smtp{margin-bottom:30px}.login-icon.svelte-1i2smtp{width:65px;height:65px;margin-bottom:15px}.login-icon.svelte-1i2smtp svg:where(.svelte-1i2smtp){width:32px!important;height:32px!important}.login-header.svelte-1i2smtp h2:where(.svelte-1i2smtp){font-size:1.6em}.login-form.svelte-1i2smtp{padding:25px 20px;border-radius:16px}.form-grid.svelte-1i2smtp{gap:20px;margin-bottom:30px}.input-group.svelte-1i2smtp input:where(.svelte-1i2smtp){padding:16px 50px 16px 16px;border-radius:10px}.password-toggle.svelte-1i2smtp{top:40px;right:5px}.login-btn.svelte-1i2smtp{padding:18px 24px;border-radius:20px;min-height:56px}.passkey-btn.svelte-1i2smtp{padding:18px 24px;font-size:16px;min-height:56px}.passkey-hint.svelte-1i2smtp{font-size:.75em;padding:0 10px}}