.website-chat{position:fixed;right:20px;bottom:20px;z-index:80;font-family:inherit}.website-chat__launcher{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(150,248,255,.45);border-radius:999px;background:linear-gradient(135deg,#96f8ff,#53e7fd);color:#09091f;cursor:pointer;box-shadow:0 18px 48px #53e7fd42}.website-chat__launcher .material-symbols-outlined{font-size:28px}.website-chat__panel{position:absolute;right:0;bottom:76px;display:grid;width:min(390px,calc(100vw - 32px));height:min(680px,calc(100vh - 116px));grid-template-rows:auto minmax(0,1fr) auto auto auto;overflow:hidden;border:1px solid rgba(150,248,255,.18);border-radius:20px;background:#10102c;color:#fff;box-shadow:0 24px 80px #0000006b}.website-chat__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#161635fa,#10102cfa)}.website-chat__header strong,.website-chat__header span{display:block}.website-chat__header strong{font-size:15px}.website-chat__header span{margin-top:2px;color:#a9a8c9;font-size:12px}.website-chat__icon-button{width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0d;color:#fff;cursor:pointer;font-size:22px;line-height:1}.website-chat__messages{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 18px;scrollbar-color:rgba(150,248,255,.42) transparent;scrollbar-width:thin}.website-chat__messages::-webkit-scrollbar{width:8px}.website-chat__messages::-webkit-scrollbar-track{background:transparent}.website-chat__messages::-webkit-scrollbar-thumb{border-radius:999px;background:#96f8ff47}.website-chat__bubble{max-width:86%;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;padding:11px 13px;font-size:14px;line-height:1.45}.website-chat__bubble--ai,.website-chat__bubble--admin{align-self:flex-start;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#f7f8ff}.website-chat__bubble--user{align-self:flex-end;background:#96f8ff;color:#09091f}.website-chat__bubble--loading{display:inline-flex;gap:5px;width:auto}.website-chat__bubble--loading span{width:6px;height:6px;border-radius:999px;background:#96f8ff;animation:website-chat-pulse 1s infinite ease-in-out}.website-chat__bubble--loading span:nth-child(2){animation-delay:.15s}.website-chat__bubble--loading span:nth-child(3){animation-delay:.3s}.website-chat__suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 14px}.website-chat__suggestions button{min-height:30px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0a;color:#bfc1dd;cursor:pointer;padding:6px 10px;font:inherit;font-size:12px;font-weight:650}.website-chat__suggestions button:disabled{cursor:not-allowed;opacity:.55}.website-chat__error{border:1px solid rgba(255,113,108,.32);border-radius:12px;background:#9f051933;color:#ffa8a3;padding:9px 10px;font-size:12px}.website-chat__handoff{display:grid;gap:10px;padding:14px 16px 16px;border-top:1px solid rgba(255,255,255,.08)}.website-chat__handoff input,.website-chat__handoff textarea{min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0a0a23;color:#fff;outline:none;padding:11px 13px;font:inherit;font-size:14px;resize:vertical}.website-chat__handoff input:focus,.website-chat__handoff textarea:focus{border-color:#96f8ff94}.website-chat__submit{min-height:42px;border:none;border-radius:999px;background:#96f8ff;color:#09091f;cursor:pointer;font:inherit;font-weight:800}.website-chat__submit:disabled{cursor:not-allowed;opacity:.55}@keyframes website-chat-pulse{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-3px);opacity:1}}@media (max-width: 540px){.website-chat{right:14px;bottom:14px}.website-chat__panel{right:-2px;bottom:72px;width:calc(100vw - 24px);height:calc(100vh - 98px);border-radius:18px}}:root{--color-bg: #0b0b24;--color-background: #0b0b24;--color-surface: #161635;--color-surface-low: #10102c;--color-surface-high: #1c1c3d;--color-surface-highest: #222246;--color-primary: #96f8ff;--color-secondary: #53e7fd;--color-accent: #c280ff;--color-accent-cyan: #03F3FF;--color-accent-purple: #8A5CFF;--color-text: #e5e3ff;--color-muted: #a9a8c9;--color-text-muted: #a9a8c9;--color-error: #ff716c;--color-success: #2BFFB9;--color-outline: #737391;--color-outline-variant: #454561;--font-headline: "Manrope", sans-serif;--font-body: "Inter", sans-serif;--font-label: "Inter", sans-serif;--glow-cyan: 0 0 20px rgba(150, 248, 255, .15);--glow-cyan-strong: 0 0 40px rgba(150, 248, 255, .25);--glow-purple: 0 0 20px rgba(194, 128, 255, .15);--gradient-brand: linear-gradient(135deg, #96f8ff, #c280ff);--gradient-card: linear-gradient(135deg, #161635, #1c1c3d);--gradient-hero: radial-gradient(ellipse at top, #1c1c3d 0%, #0b0b24 70%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px}.fm-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);font-family:var(--font-headline);font-size:14px;font-weight:600;line-height:1;letter-spacing:0;text-decoration:none;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.fm-button:not(:disabled):not([aria-disabled=true]){cursor:pointer}.fm-button:not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-1px)}.fm-button:not(:disabled):not([aria-disabled=true]):active{transform:translateY(0)}.fm-button:disabled,.fm-button[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.fm-button:focus-visible,.fm-input-control:focus,.fm-select-control:focus{outline:none;box-shadow:0 0 0 3px #96f8ff1a}.fm-button--primary{border:0;background:var(--gradient-brand);color:var(--color-bg);box-shadow:0 4px 16px #96f8ff40}.fm-button--primary:not(:disabled):not([aria-disabled=true]):hover{box-shadow:0 8px 30px #96f8ff66}.fm-button--secondary{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary)}.fm-button--secondary:not(:disabled):not([aria-disabled=true]):hover{background:#96f8ff14;box-shadow:var(--glow-cyan)}.fm-button--ghost{border:0;background:transparent;color:var(--color-muted)}.fm-button--ghost:not(:disabled):not([aria-disabled=true]):hover{background:#ffffff0d;color:var(--color-text)}.fm-button--danger{border:1px solid var(--color-error);background:transparent;color:var(--color-error)}.fm-button--danger:not(:disabled):not([aria-disabled=true]):hover{background:#ff716c1a}.fm-button--sm{height:36px;padding:0 16px}.fm-button--md{height:44px;padding:0 20px}.fm-button--lg{height:52px;padding:0 24px;font-size:15px}.fm-field{display:block}.fm-field-label{display:block;margin-bottom:6px;color:var(--color-muted);font-family:var(--font-body);font-size:13px;font-weight:500}.fm-input-control,.fm-select-control{width:100%;height:48px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:#10102ccc;color:var(--color-text);font-family:var(--font-body);font-size:15px;padding:0 16px;transition:all .2s ease}.fm-select-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-outline) 50%),linear-gradient(135deg,var(--color-outline) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}.fm-input-control::placeholder{color:var(--color-outline)}.fm-input-control:focus,.fm-select-control:focus{border-color:var(--color-primary)}.fm-field--error .fm-input-control,.fm-field--error .fm-select-control{border-color:var(--color-error)}.fm-field-hint,.fm-field-error{display:block;margin-top:4px;font-size:12px;line-height:1.4}.fm-field-hint{color:var(--color-muted)}.fm-field-error{color:var(--color-error)}.fm-card{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--gradient-card);box-shadow:0 4px 24px #0006;color:var(--color-text);transition:all var(--transition-normal)}.fm-card--hoverable{cursor:pointer}.fm-card--hoverable:hover{border-color:#96f8ff40;box-shadow:var(--glow-cyan-strong);transform:translateY(-2px)}.fm-badge{display:inline-flex;align-items:center;border-radius:var(--radius-full);border:1px solid transparent;padding:4px 10px;font-family:var(--font-body);font-size:12px;font-weight:500;line-height:1}.fm-badge--default{background:#a9a8c91f;border-color:#a9a8c940;color:var(--color-muted)}.fm-badge--success{background:#2bffb91f;border-color:#2bffb940;color:var(--color-success)}.fm-badge--warning{background:#ffc8001f;border-color:#ffc80040;color:#ffc800}.fm-badge--error{background:#ff716c1f;border-color:#ff716c40;color:var(--color-error)}.fm-badge--info{background:#96f8ff1f;border-color:#96f8ff40;color:var(--color-primary)}.fm-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#070a18d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.fm-modal{width:min(100%,560px);max-height:min(88vh,760px);overflow:auto;border:1px solid rgba(150,248,255,.12);border-radius:20px;background:var(--color-surface);box-shadow:var(--glow-cyan-strong);animation:slideUp .3s ease-out both}.fm-modal--sm{width:min(100%,400px)}.fm-modal--lg{width:min(100%,720px)}.fm-modal--xl{width:min(100%,920px)}.fm-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:32px 32px 0}.fm-modal-title{margin:0;color:var(--color-text);font-family:var(--font-headline);font-size:20px;font-weight:700}.fm-modal-close{display:inline-grid;width:36px;height:36px;place-items:center;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-muted);cursor:pointer;transition:all var(--transition-normal)}.fm-modal-close:hover{background:#ff716c14;color:var(--color-error)}.fm-modal-body{padding:24px 32px 32px}.fm-toast-region{position:fixed;top:16px;right:16px;z-index:9999;display:grid;width:min(360px,calc(100vw - 32px));gap:12px}.fm-toast{min-width:280px;border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-surface-high);box-shadow:0 8px 32px #00000080;color:var(--color-text);padding:14px 16px;animation:toastSlideIn .3s ease both}.fm-toast--success{border-left-color:var(--color-success)}.fm-toast--error{border-left-color:var(--color-error)}.fm-toast--warning{border-left-color:#ffc800}.fm-toast--info{border-left-color:var(--color-primary)}.fm-progress{overflow:hidden;height:8px;border-radius:var(--radius-full);background:var(--color-surface-highest)}.fm-progress-bar{height:100%;min-width:0;border-radius:inherit;background:var(--gradient-brand);box-shadow:0 0 8px #96f8ff66;transition:width .35s ease}.fm-progress-bar--animated{background-image:linear-gradient(135deg,rgba(255,255,255,.22) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.22) 75%,transparent 75%,transparent),var(--gradient-brand);background-size:16px 16px,auto;animation:fm-progress-stripes .9s linear infinite}.fm-spinner{display:inline-block;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:fm-spin .7s linear infinite}.fm-spinner--sm{width:16px;height:16px}.fm-spinner--md{width:24px;height:24px}.fm-spinner--lg{width:36px;height:36px}@keyframes fm-spin{to{transform:rotate(360deg)}}@keyframes fm-progress-stripes{to{background-position:16px 0,0 0}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:100%}html,body,#root{min-height:100%}body{min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;background:var(--color-bg, #0b0b24);color:var(--color-text, #e5e3ff);font-family:Inter,sans-serif;min-height:100vh;touch-action:auto;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}h1,h2,h3,h4,h5,h6{font-family:Manrope,sans-serif;font-weight:700}a,button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),color var(--transition-normal),transform var(--transition-normal),opacity var(--transition-normal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(150,248,255,.7);outline-offset:3px}img,svg{max-width:100%}img{display:block;height:auto}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.filled-star{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.glass-panel{background:#161635cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.neon-glow-primary{box-shadow:0 0 40px #96f8ff1a}.neon-glow-tertiary{box-shadow:0 0 60px #ab4dff1a}.hero-gradient{background:linear-gradient(135deg,#96f8ff,#53e7fd)}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-card{background:var(--gradient-card);border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);box-shadow:var(--glow-cyan);transition:box-shadow var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal)}.glow-card:hover{box-shadow:var(--glow-cyan-strong);border-color:#96f8ff4d}.animate-float{animation:float 6s ease-in-out infinite}.animate-slide-up{animation:slideUp .4s ease-out both}.animate-fade-in{animation:fadeIn .3s ease-out both}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.skeleton{position:relative;overflow:hidden;background:var(--color-surface-high);border-radius:var(--radius-lg)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(150,248,255,.1),transparent);animation:shimmer 1.35s infinite}.mobile-filming-page{min-height:100vh;background:var(--color-bg);color:var(--color-text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #96f8ff1a}50%{box-shadow:0 0 40px #96f8ff4d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes dash{0%{stroke-dasharray:0 120}to{stroke-dasharray:120 0}}.store-links{display:flex;flex-wrap:wrap;gap:.75rem}header .store-links{flex-wrap:nowrap;flex-shrink:0}.store-badge{position:relative;display:inline-flex;min-height:3.75rem;min-width:11rem;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.18);border-radius:.875rem;background:#050510;padding:.65rem 1rem;color:#fff;box-shadow:0 0 32px #96f8ff14;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;-webkit-tap-highlight-color:rgba(150,248,255,.18);touch-action:manipulation;-webkit-user-select:none;user-select:none;text-decoration:none}.store-badge:hover{border-color:#96f8ffa6;box-shadow:0 0 34px #96f8ff2e;transform:translateY(-1px)}.store-badge svg{height:2rem;width:2rem;flex:0 0 auto;fill:currentColor}.store-badge span{display:flex;flex-direction:column;font-weight:800;line-height:1.05;letter-spacing:0}.store-badge small{margin-bottom:.15rem;font-size:.62rem;font-weight:700;line-height:1;text-transform:uppercase;color:#ffffffb8}.store-badge--compact{min-height:2.75rem;min-width:7.75rem;gap:.45rem;border-radius:.75rem;padding:.45rem .65rem}.store-badge--compact svg{height:1.35rem;width:1.35rem}.store-badge--compact span{font-size:.76rem}.store-badge--compact small{font-size:.46rem}@media (max-width: 900px){header .store-links{width:auto;justify-content:flex-end;gap:.5rem}header .store-badge--compact{min-height:3.25rem;min-width:3.25rem;padding:.65rem}header .store-badge--compact svg{height:1.75rem;width:1.75rem}header .store-badge--compact span{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}@media (max-width: 640px){html{scroll-padding-top:5.75rem}header .store-links{max-width:none;justify-content:flex-end;gap:.4rem}header .store-badge--compact{min-height:3rem;min-width:3rem;padding:.55rem}header .store-badge--compact span{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.store-links{width:100%}.store-badge{flex:1 1 11rem;justify-content:center}}@media (hover: none),(pointer: coarse){.store-badge:hover{transform:none}.store-badge:active{border-color:#96f8ffb8;transform:scale(.98)}}:root{--fm-bg-deep: #070A18;--fm-bg-primary: #0A0A23;--fm-bg-card: #0D1430;--fm-bg-card-alt: #1D1D4A;--fm-bg-input: #161B36;--fm-accent-cyan: #03F3FF;--fm-accent-purple: #8A5CFF;--fm-accent-pink: #FF4FD8;--fm-accent-green: #2BFFB9;--fm-text-primary: #FFFFFF;--fm-text-secondary: #8892B0;--fm-text-muted: rgba(234, 241, 255, .58);--fm-border: rgba(255, 255, 255, .1);--fm-border-hover: rgba(255, 255, 255, .2);--fm-shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--fm-shadow-md: 0 10px 30px rgba(0, 0, 0, .35);--fm-shadow-lg: 0 20px 50px rgba(0, 0, 0, .45);--fm-shadow-glow: 0 0 40px rgba(3, 243, 255, .15);--fm-radius-sm: 8px;--fm-radius-md: 12px;--fm-radius-lg: 16px;--fm-radius-xl: 24px;--fm-radius-full: 9999px}.page-container{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse 800px 500px at 20% 0%,rgba(138,92,255,.12),transparent),radial-gradient(ellipse 600px 400px at 80% 20%,rgba(3,243,255,.08),transparent),radial-gradient(ellipse 700px 500px at 50% 100%,rgba(255,79,216,.06),transparent),var(--fm-bg-primary);color:var(--fm-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#0a0a23f2,#0a0a23d9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--fm-border)}.page-header h1{font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}.back-button{width:40px;height:40px;border-radius:var(--fm-radius-md);border:1px solid var(--fm-border);background:#0d143099;color:var(--fm-text-primary);display:grid;place-items:center;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#0d1430e6;border-color:var(--fm-border-hover)}.back-button .icon{font-size:20px}.spacer{width:40px}.upgrade-content,.topup-content{flex:1;padding:24px 20px;max-width:900px;margin:0 auto;width:100%}.subtitle{text-align:center;color:var(--fm-text-secondary);font-size:15px;margin:0 0 28px;line-height:1.5}.error-banner{display:flex;align-items:center;gap:12px;padding:14px 20px;margin:0 20px 20px;background:#ff4f781f;border:1px solid rgba(255,79,120,.25);border-radius:var(--fm-radius-md);color:#ff6b8a;font-size:14px}.error-banner .icon{font-size:18px}.billing-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:32px;padding:6px;background:var(--fm-bg-card);border-radius:var(--fm-radius-full);border:1px solid var(--fm-border);width:fit-content;margin-left:auto;margin-right:auto}.toggle-btn{padding:12px 24px;border-radius:var(--fm-radius-full);border:none;background:transparent;color:var(--fm-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:8px}.toggle-btn.active{background:linear-gradient(135deg,var(--fm-accent-cyan),#17BFFF);color:var(--fm-bg-deep);box-shadow:var(--fm-shadow-glow)}.save-badge{padding:4px 8px;background:#2bffb926;color:var(--fm-accent-green);font-size:10px;font-weight:700;border-radius:var(--fm-radius-full);letter-spacing:.02em}.toggle-btn.active .save-badge{background:#070a1840;color:var(--fm-bg-deep)}.plans-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:32px}@media (min-width: 640px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{position:relative;padding:28px 24px;background:linear-gradient(180deg,#0d1430d9,#0b1026bf);border:1px solid var(--fm-border);border-radius:var(--fm-radius-xl);box-shadow:var(--fm-shadow-md);transition:all .3s ease;overflow:hidden}.plan-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--fm-accent-purple),transparent);opacity:0;transition:opacity .3s ease}.plan-card:hover{border-color:var(--fm-border-hover);transform:translateY(-4px);box-shadow:var(--fm-shadow-lg)}.plan-card:hover:before{opacity:1}.plan-card.popular{border-color:#03f3ff4d}.plan-card.popular:before{background:linear-gradient(90deg,transparent,var(--fm-accent-cyan),transparent);opacity:1}.plan-card.current{border-color:#2bffb94d}.popular-badge,.current-badge{position:absolute;top:-1px;right:20px;padding:6px 14px;font-size:10px;font-weight:700;letter-spacing:.04em;border-radius:0 0 var(--fm-radius-sm) var(--fm-radius-sm)}.popular-badge{background:linear-gradient(135deg,var(--fm-accent-cyan),#17BFFF);color:var(--fm-bg-deep)}.current-badge{background:linear-gradient(135deg,var(--fm-accent-green),#10D18B);color:var(--fm-bg-deep)}.plan-name{font-size:22px;font-weight:800;margin:0 0 16px;letter-spacing:-.02em}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.plan-price .currency{font-size:20px;font-weight:700;color:var(--fm-text-secondary)}.plan-price .amount{font-size:42px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--fm-text-primary),rgba(234,241,255,.8));-webkit-background-clip:text;background-clip:text;color:transparent}.plan-price .period{font-size:14px;color:var(--fm-text-secondary);font-weight:500}.plan-credits{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#03f3ff14;border-radius:var(--fm-radius-md);margin-bottom:20px;font-size:14px;font-weight:600;color:var(--fm-accent-cyan)}.credit-icon{color:var(--fm-accent-cyan)}.plan-features{list-style:none;margin:0 0 24px;padding:0}.plan-features li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;font-size:13px;color:var(--fm-text-secondary);line-height:1.4}.plan-features .check{color:var(--fm-accent-green);font-weight:700;flex-shrink:0}.plan-features li.unavailable{color:#ffffff7a}.plan-features li.unavailable .check{color:#ffffff61}.plan-button{width:100%;padding:14px 20px;border-radius:var(--fm-radius-md);border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all .25s ease}.plan-button.upgrade{background:linear-gradient(135deg,var(--fm-accent-cyan),#17BFFF);color:var(--fm-bg-deep);box-shadow:0 8px 24px #03f3ff40}.plan-button.upgrade:hover{transform:translateY(-2px);box-shadow:0 12px 32px #03f3ff59}.plan-button.switch{background:var(--fm-bg-card);border:1px solid var(--fm-border);color:var(--fm-text-primary)}.plan-button.switch:hover{background:var(--fm-bg-card-alt);border-color:var(--fm-border-hover)}.plan-button.disabled{background:var(--fm-bg-card);border:1px solid var(--fm-border);color:var(--fm-text-muted);cursor:not-allowed}.plan-button:disabled{opacity:.7;cursor:not-allowed}.btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.current-balance{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--fm-bg-card);border:1px solid var(--fm-border);border-radius:var(--fm-radius-lg);margin-bottom:32px}.balance-label{font-size:14px;color:var(--fm-text-secondary)}.balance-value{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:var(--fm-accent-cyan)}.credits-selector{padding:28px;background:var(--fm-bg-card);border:1px solid var(--fm-border);border-radius:var(--fm-radius-xl);margin-bottom:24px}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.selector-header label{font-size:15px;font-weight:600;color:var(--fm-text-primary)}.credits-input{width:100px;padding:12px 16px;background:var(--fm-bg-input);border:1px solid var(--fm-border);border-radius:var(--fm-radius-md);color:var(--fm-text-primary);font-size:24px;font-weight:700;text-align:right;outline:none;transition:border-color .2s ease;-moz-appearance:textfield}.credits-input::-webkit-outer-spin-button,.credits-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.credits-input:focus{border-color:var(--fm-accent-cyan)}.slider-container{margin-bottom:8px}.credits-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--fm-bg-input);border-radius:var(--fm-radius-full);outline:none;cursor:pointer;position:relative}.credits-slider::-webkit-slider-runnable-track{height:8px;border-radius:var(--fm-radius-full);background:linear-gradient(to right,var(--fm-accent-cyan) 0%,var(--fm-accent-cyan) var(--slider-progress, 0%),var(--fm-bg-input) var(--slider-progress, 0%),var(--fm-bg-input) 100%)}.credits-slider::-moz-range-track{height:8px;border-radius:var(--fm-radius-full);background:var(--fm-bg-input)}.credits-slider::-moz-range-progress{height:8px;border-radius:var(--fm-radius-full);background:var(--fm-accent-cyan)}.credits-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--fm-accent-cyan);border:4px solid var(--fm-bg-primary);box-shadow:var(--fm-shadow-md),0 0 16px #03f3ff66;cursor:pointer;margin-top:-8px;transition:transform .15s ease}.credits-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--fm-accent-cyan);border:4px solid var(--fm-bg-primary);box-shadow:var(--fm-shadow-md),0 0 16px #03f3ff66;cursor:pointer}.credits-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--fm-text-muted)}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.quick-btn{padding:12px 16px;background:var(--fm-bg-input);border:1px solid var(--fm-border);border-radius:var(--fm-radius-md);color:var(--fm-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-btn:hover{background:var(--fm-bg-card-alt);border-color:var(--fm-border-hover);color:var(--fm-text-primary)}.quick-btn.active{background:#03f3ff1f;border-color:var(--fm-accent-cyan);color:var(--fm-accent-cyan)}.price-display{text-align:center;padding:28px;margin-bottom:20px}.price-label{display:block;font-size:14px;color:var(--fm-text-secondary);margin-bottom:8px}.price-value{font-size:48px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--fm-text-primary),var(--fm-accent-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.new-balance-preview{text-align:center;color:var(--fm-text-secondary);font-size:14px;margin-bottom:24px}.new-balance-preview strong{color:var(--fm-accent-green)}.manage-subscription-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;margin-bottom:24px;background:linear-gradient(135deg,#03f3ff14,#8a5cff14);border:1px solid rgba(3,243,255,.2);border-radius:var(--fm-radius-lg);text-align:center}.manage-subscription-box p{margin:0;font-size:14px;color:var(--fm-text-secondary)}.manage-btn{padding:14px 32px;background:linear-gradient(135deg,var(--fm-accent-purple),#6B3FD4);color:var(--fm-text-primary);border:none;border-radius:var(--fm-radius-md);font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 24px #8a5cff40}.manage-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #8a5cff59}.manage-btn:disabled{opacity:.6;cursor:not-allowed}.manage-hint{font-size:12px;color:var(--fm-text-muted)}.info-box{display:flex;gap:14px;padding:18px 20px;background:#8a5cff14;border:1px solid rgba(138,92,255,.2);border-radius:var(--fm-radius-lg)}.info-icon{font-size:20px;color:var(--fm-accent-purple);flex-shrink:0}.info-box strong{display:block;font-size:14px;font-weight:700;margin-bottom:4px;color:var(--fm-text-primary)}.info-box p{margin:0;font-size:13px;color:var(--fm-text-secondary);line-height:1.5}.page-footer{padding:16px 20px;position:sticky;bottom:0;background:linear-gradient(180deg,#0a0a23cc,#0a0a23fa);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--fm-border)}.purchase-button{width:100%;padding:18px 24px;background:linear-gradient(135deg,var(--fm-accent-cyan),#17BFFF);color:var(--fm-bg-deep);border:none;border-radius:var(--fm-radius-md);font-size:16px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 24px #03f3ff40}.purchase-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #03f3ff59}.purchase-button:disabled{opacity:.6;cursor:not-allowed}.success-page{justify-content:center;align-items:center;padding:40px 20px;text-align:center}.success-content{max-width:420px;width:100%}.success-icon-wrapper{position:relative;width:120px;height:120px;margin:0 auto 32px}.success-icon{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--fm-accent-green),#10D18B);border-radius:50%;display:grid;place-items:center;z-index:2}.success-icon span{font-size:48px;color:var(--fm-bg-deep);font-weight:700}.success-rings{position:absolute;top:0;right:0;bottom:0;left:0}.ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid var(--fm-accent-green);border-radius:50%;animation:pulse-ring 2s ease-out infinite}.ring-1{animation-delay:0s}.ring-2{animation-delay:.5s}.ring-3{animation-delay:1s}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.success-title{font-size:28px;font-weight:800;margin:0 0 16px;letter-spacing:-.02em}.success-message{color:var(--fm-text-secondary);font-size:15px;line-height:1.6;margin:0 0 32px}.transaction-details{padding:20px;background:var(--fm-bg-card);border:1px solid var(--fm-border);border-radius:var(--fm-radius-lg);margin-bottom:32px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.detail-row:not(:last-child){border-bottom:1px solid var(--fm-border)}.detail-label{color:var(--fm-text-secondary);font-size:14px}.detail-value{font-size:16px;font-weight:700;display:flex;align-items:center;gap:6px}.success-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.primary-button{padding:16px 24px;background:linear-gradient(135deg,var(--fm-accent-cyan),#17BFFF);color:var(--fm-bg-deep);border:none;border-radius:var(--fm-radius-md);font-size:15px;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 24px #03f3ff40}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #03f3ff59}.receipt-note{color:var(--fm-text-muted);font-size:13px}.redirect-note{color:var(--fm-accent-cyan);font-size:14px;margin-bottom:16px;animation:pulse-text 1.5s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.primary-button:disabled{opacity:.7;cursor:not-allowed}.secondary-button:disabled{opacity:.7;cursor:not-allowed}.cancel-page{justify-content:center;align-items:center;padding:40px 20px;text-align:center}.cancel-content{max-width:420px;width:100%}.cancel-icon-wrapper{width:100px;height:100px;margin:0 auto 28px}.cancel-icon{width:100%;height:100%;background:#ff4f7826;border:2px solid rgba(255,79,120,.4);border-radius:50%;display:grid;place-items:center}.cancel-icon span{font-size:40px;color:#ff6b8a;font-weight:700}.cancel-title{font-size:26px;font-weight:800;margin:0 0 14px;letter-spacing:-.02em}.cancel-message{color:var(--fm-text-secondary);font-size:15px;line-height:1.6;margin:0 0 32px}.cancel-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.secondary-button{padding:16px 24px;background:var(--fm-bg-card);border:1px solid var(--fm-border);border-radius:var(--fm-radius-md);color:var(--fm-text-primary);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.secondary-button:hover{background:var(--fm-bg-card-alt);border-color:var(--fm-border-hover)}.help-box{display:flex;gap:14px;padding:18px 20px;background:#8a5cff14;border:1px solid rgba(138,92,255,.2);border-radius:var(--fm-radius-lg);text-align:left}.help-icon{width:32px;height:32px;background:#8a5cff33;border-radius:50%;display:grid;place-items:center;color:var(--fm-accent-purple);font-weight:700;flex-shrink:0}.help-box strong{display:block;font-size:14px;margin-bottom:4px}.help-box p{margin:0;font-size:13px;color:var(--fm-text-secondary);line-height:1.5}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px}.spinner{width:48px;height:48px;border:3px solid var(--fm-border);border-top-color:var(--fm-accent-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:var(--fm-text-secondary);font-size:15px}@media (min-width: 640px){.page-header{padding:18px 32px}.upgrade-content,.topup-content{padding:32px}.cancel-actions,.success-actions{flex-direction:row;justify-content:center}.primary-button,.secondary-button{min-width:180px}}