:root{--red:#e5171f;--red-dark:#c41019;--red-glow:#e5171f26;--navy:#0a0e1a;--navy-light:#111827;--slate:#1e293b;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f9fafb;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}.svelte-8k30lk{box-sizing:border-box;margin:0;padding:0}.auth-page.svelte-8k30lk{background:var(--navy);min-height:100vh;font-family:var(--font-display);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.bg-grid.svelte-8k30lk{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.bg-glow.svelte-8k30lk{pointer-events:none;background:radial-gradient(at 70% 40%,#e5171f12 0%,#0000 50%);width:160%;height:160%;position:absolute;top:-40%;right:-30%}.bg-glow-bottom.svelte-8k30lk{pointer-events:none;background:radial-gradient(at 30% 60%,#6366f10d 0%,#0000 50%);width:140%;height:140%;position:absolute;bottom:-40%;left:-30%}.auth-container.svelte-8k30lk{z-index:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:40px;display:grid;position:relative}.auth-branding.svelte-8k30lk{animation:.7s ease-out svelte-8k30lk-fadeSlideIn}@keyframes svelte-8k30lk-fadeSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.branding-content.svelte-8k30lk{max-width:520px}.logo.svelte-8k30lk{align-items:center;gap:12px;margin-bottom:40px;text-decoration:none;display:flex}.logo.svelte-8k30lk svg:where(.svelte-8k30lk){width:40px;height:40px}.logo-text.svelte-8k30lk{color:#fff;letter-spacing:-.02em;font-size:24px;font-weight:700}.logo-accent.svelte-8k30lk{color:var(--red)}.branding-content.svelte-8k30lk h1:where(.svelte-8k30lk){color:#fff;letter-spacing:-.03em;margin-bottom:16px;font-size:42px;font-weight:800;line-height:1.12}.branding-content.svelte-8k30lk>p:where(.svelte-8k30lk){color:#ffffff73;margin-bottom:36px;font-size:16px;line-height:1.7}.illustration.svelte-8k30lk{perspective:800px;height:220px;margin-bottom:36px;position:relative}.card-stack.svelte-8k30lk{width:100%;height:100%;position:relative}.floating-card.svelte-8k30lk{border-radius:16px;padding:20px;position:absolute;box-shadow:0 20px 60px #0000004d}.card-back.svelte-8k30lk{opacity:.5;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff14;width:260px;height:150px;animation:6s ease-in-out infinite svelte-8k30lk-floatBack;top:20px;left:10px}.card-mid.svelte-8k30lk{opacity:.8;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;width:280px;height:165px;animation:5s ease-in-out infinite svelte-8k30lk-floatMid;top:30px;left:60px}.card-front.svelte-8k30lk{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;flex-direction:column;justify-content:space-between;width:300px;height:170px;animation:4.5s ease-in-out infinite svelte-8k30lk-floatFront;display:flex;top:40px;left:110px}@keyframes svelte-8k30lk-floatBack{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(-1deg)}}@keyframes svelte-8k30lk-floatMid{0%,to{transform:translateY(0)rotate(1deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes svelte-8k30lk-floatFront{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}}.card-chip.svelte-8k30lk{opacity:.8;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:5px;width:36px;height:26px;margin-bottom:14px}.card-lines.svelte-8k30lk{flex-direction:column;gap:6px;display:flex}.card-lines.svelte-8k30lk .cl:where(.svelte-8k30lk){background:#ffffff0f;border-radius:4px;height:8px}.card-lines.svelte-8k30lk .cl:where(.svelte-8k30lk):nth-child(2){width:75%}.card-lines.svelte-8k30lk .cl:where(.svelte-8k30lk):nth-child(3){width:50%}.card-number.svelte-8k30lk{font-family:var(--font-mono);color:#fff9;letter-spacing:.1em;margin-bottom:14px;font-size:14px}.card-bottom.svelte-8k30lk{justify-content:space-between;align-items:flex-end;display:flex}.card-name.svelte-8k30lk{color:#fff6;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.card-brand.svelte-8k30lk{color:#ffffff80;letter-spacing:.05em;font-size:14px;font-style:italic;font-weight:800}.card-logo-small.svelte-8k30lk{margin-bottom:4px}.card-status.svelte-8k30lk{color:#10b981;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.status-dot.svelte-8k30lk{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite svelte-8k30lk-pulse}@keyframes svelte-8k30lk-pulse{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.8;box-shadow:0 0 0 6px #10b98100}}.card-amount.svelte-8k30lk{color:#fff;font-size:24px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em}.card-timestamp.svelte-8k30lk{color:#ffffff59;font-size:11px}.particle.svelte-8k30lk{pointer-events:none;border-radius:50%;position:absolute}.p1.svelte-8k30lk{background:var(--red);opacity:.6;width:6px;height:6px;animation:7s ease-in-out infinite svelte-8k30lk-drift;top:10px;right:40px}.p2.svelte-8k30lk{opacity:.5;background:#10b981;width:4px;height:4px;animation:5s ease-in-out infinite reverse svelte-8k30lk-drift;bottom:20px;right:80px}.p3.svelte-8k30lk{opacity:.4;background:#f59e0b;width:5px;height:5px;animation:6s ease-in-out infinite svelte-8k30lk-drift;top:60px;right:10px}.p4.svelte-8k30lk{opacity:.5;background:#6366f1;width:3px;height:3px;animation:8s ease-in-out infinite reverse svelte-8k30lk-drift;bottom:40px;left:0}@keyframes svelte-8k30lk-drift{0%,to{transform:translate(0)}25%{transform:translate(8px,-12px)}50%{transform:translate(-4px,-8px)}75%{transform:translate(12px,4px)}}.branding-stats.svelte-8k30lk{align-items:center;gap:24px;display:flex}.stat.svelte-8k30lk{flex-direction:column;gap:2px;display:flex}.stat-value.svelte-8k30lk{color:#fff;font-size:22px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em}.stat-label.svelte-8k30lk{color:#ffffff59;font-size:12px;font-weight:500}.stat-divider.svelte-8k30lk{background:#ffffff1a;width:1px;height:36px}.auth-form-wrapper.svelte-8k30lk{animation:.7s ease-out .15s both svelte-8k30lk-fadeSlideIn}.auth-form.svelte-8k30lk{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:40px}.form-header.svelte-8k30lk{margin-bottom:28px}.form-header.svelte-8k30lk h2:where(.svelte-8k30lk){color:#fff;letter-spacing:-.02em;margin-bottom:6px;font-size:28px;font-weight:800}.form-header.svelte-8k30lk p:where(.svelte-8k30lk){color:#ffffff73;font-size:15px}.error-message.svelte-8k30lk{color:#fff;background:#e5171f1a;border:1px solid #e5171f33;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:14px;animation:.4s svelte-8k30lk-shake;display:flex}@keyframes svelte-8k30lk-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.error-message.svelte-8k30lk svg:where(.svelte-8k30lk){color:var(--red);flex-shrink:0}form.svelte-8k30lk{flex-direction:column;gap:20px;display:flex}.form-group.svelte-8k30lk{flex-direction:column;gap:8px;display:flex}.label-row.svelte-8k30lk{justify-content:space-between;align-items:center;display:flex}label.svelte-8k30lk{color:#fffc;font-size:14px;font-weight:600}.forgot-link.svelte-8k30lk{color:var(--red);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.forgot-link.svelte-8k30lk:hover{color:#fff}.input-wrapper.svelte-8k30lk{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;transition:border-color .2s,background .2s;display:flex;position:relative}.input-wrapper.svelte-8k30lk:hover{background:#ffffff0f;border-color:#ffffff2e}.input-wrapper.svelte-8k30lk:focus-within{background:#ffffff0f;border-color:#fff3}.input-icon.svelte-8k30lk{color:#fff3;pointer-events:none;width:18px;height:18px;transition:color .2s;position:absolute;left:14px}.input-wrapper.svelte-8k30lk:hover .input-icon:where(.svelte-8k30lk){color:#ffffff59}.input-wrapper.svelte-8k30lk:focus-within .input-icon:where(.svelte-8k30lk){color:#ffffff80}input[type=email].svelte-8k30lk,input[type=password].svelte-8k30lk,input[type=text].svelte-8k30lk{width:100%;font-size:15px;font-family:var(--font-display);color:#fff;caret-color:var(--red);background:0 0;border:none;outline:none;padding:14px 14px 14px 44px}input.svelte-8k30lk::placeholder{color:#fff3}input.svelte-8k30lk:-webkit-autofill{-webkit-text-fill-color:#fff;font-family:var(--font-display);border:none;font-size:15px;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #ffffff14}input.svelte-8k30lk:-webkit-autofill:hover{-webkit-text-fill-color:#fff;font-family:var(--font-display);border:none;font-size:15px;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #ffffff14}input.svelte-8k30lk:-webkit-autofill:focus{-webkit-text-fill-color:#fff;font-family:var(--font-display);border:none;font-size:15px;transition:background-color 5000s ease-in-out;box-shadow:inset 0 0 0 1000px #ffffff14}.toggle-password.svelte-8k30lk{color:#ffffff40;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.toggle-password.svelte-8k30lk:hover{color:#fff9}.toggle-password.svelte-8k30lk svg:where(.svelte-8k30lk){width:18px;height:18px}.checkbox-label.svelte-8k30lk{color:#ffffff80;cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.checkbox-label.svelte-8k30lk input[type=checkbox]:where(.svelte-8k30lk){width:18px;height:18px;accent-color:var(--red);cursor:pointer}.submit-btn.svelte-8k30lk{background:var(--red);color:#fff;width:100%;font-size:16px;font-weight:700;font-family:var(--font-display);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:16px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #e5171f59}.submit-btn.svelte-8k30lk:before{content:"";background:linear-gradient(135deg,#0000,#ffffff1a,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.submit-btn.svelte-8k30lk:hover:not(:disabled):before{transform:translate(100%)}.submit-btn.svelte-8k30lk:hover:not(:disabled){background:var(--red-dark);transform:translateY(-2px);box-shadow:0 8px 28px #e5171f73}.submit-btn.svelte-8k30lk:active:not(:disabled){transform:translateY(0)}.submit-btn.svelte-8k30lk:disabled{opacity:.7;cursor:not-allowed}.spinner.svelte-8k30lk{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite svelte-8k30lk-spin}@keyframes svelte-8k30lk-spin{to{transform:rotate(360deg)}}.auth-divider.svelte-8k30lk{align-items:center;gap:16px;margin:24px 0;display:flex}.auth-divider.svelte-8k30lk:before,.auth-divider.svelte-8k30lk:after{content:"";background:#ffffff14;flex:1;height:1px}.auth-divider.svelte-8k30lk span:where(.svelte-8k30lk){color:#ffffff4d;font-size:13px;font-weight:500}.social-btn.svelte-8k30lk{width:100%;font-size:15px;font-weight:600;font-family:var(--font-display);color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;transition:all .2s;display:flex}.social-btn.svelte-8k30lk:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.auth-footer.svelte-8k30lk{text-align:center;border-top:1px solid #ffffff0f;margin-top:24px;padding-top:20px}.auth-footer.svelte-8k30lk p:where(.svelte-8k30lk){color:#fff6;font-size:14px}.auth-footer.svelte-8k30lk a:where(.svelte-8k30lk){color:var(--red);font-weight:600;text-decoration:none;transition:color .2s}.auth-footer.svelte-8k30lk a:where(.svelte-8k30lk):hover{color:#fff}@media (width<=1024px){.auth-container.svelte-8k30lk{grid-template-columns:1fr;gap:48px;padding:40px 24px}.auth-branding.svelte-8k30lk{text-align:center}.branding-content.svelte-8k30lk{max-width:100%}.branding-content.svelte-8k30lk h1:where(.svelte-8k30lk){font-size:32px}.illustration.svelte-8k30lk{display:none}.branding-stats.svelte-8k30lk{justify-content:center}.auth-form.svelte-8k30lk{max-width:460px;margin:0 auto}}@media (width<=480px){.auth-container.svelte-8k30lk{padding:24px 16px}.auth-form.svelte-8k30lk{padding:28px 20px}.branding-content.svelte-8k30lk h1:where(.svelte-8k30lk){font-size:26px}.branding-stats.svelte-8k30lk{gap:16px}.stat-value.svelte-8k30lk{font-size:18px}}