@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700;800;900&display=swap";:root{--customer-primary: #134074;--customer-primary-light: #279AF1;--customer-primary-dark: #0D2E52;--customer-secondary: #279AF1;--customer-accent: #FFCB47;--customer-accent-light: #FFF4D9;--customer-emerald: #7EE081;--customer-emerald-light: #E8F8E9;--customer-coral: #FF6B6B;--customer-coral-light: #FFE8E8;--customer-purple: #7B61FF;--customer-purple-light: #EDE8FF;--customer-bg: #F1F2F2;--customer-bg-card: #FFFFFF;--customer-bg-soft: #E4EEF6;--customer-bg-dark: #0A1628;--customer-bg-ocean: #134074;--customer-text: #1A2B3C;--customer-text-secondary: #4A5D72;--customer-text-muted: #8A98A8;--customer-text-light: #FFFFFF;--customer-radius-sm: 10px;--customer-radius-md: 14px;--customer-radius-lg: 18px;--customer-radius-xl: 24px;--customer-radius-pill: 100px;--customer-shadow-soft: 0 2px 12px rgba(19, 64, 116, .06);--customer-shadow-md: 0 4px 20px rgba(19, 64, 116, .1);--customer-shadow-lg: 0 8px 32px rgba(19, 64, 116, .14);--customer-shadow-glow: 0 0 20px rgba(39, 154, 241, .2);--customer-grad-primary: linear-gradient(135deg, #134074, #279AF1);--customer-grad-ocean: linear-gradient(135deg, #0D2E52, #134074, #279AF1);--customer-grad-warm: linear-gradient(135deg, #FFCB47, #FF6B6B);--customer-grad-success: linear-gradient(135deg, #7EE081, #279AF1);--customer-grad-sunglow: linear-gradient(135deg, #FFCB47, #FFFFFF);--customer-grad-fresh: linear-gradient(135deg, #279AF1, #7EE081);--customer-grad-underwater: linear-gradient(180deg, #279AF1 0%, #134074 50%, #0D2E52 100%);--customer-space-xs: .25rem;--customer-space-sm: .5rem;--customer-space-md: 1rem;--customer-space-lg: 1.5rem;--customer-space-xl: 2rem;--customer-space-2xl: 3rem;--customer-bottom-nav-height: 68px;--customer-safe-bottom: env(safe-area-inset-bottom, 0px);--customer-safe-top: env(safe-area-inset-top, 0px);--customer-xp: #7B61FF;--customer-xp-bg: rgba(123, 97, 255, .12);--customer-coins: #FFCB47;--customer-coins-bg: rgba(255, 203, 71, .12);--customer-streak: #FF6B6B;--customer-streak-bg: rgba(255, 107, 107, .12);--customer-badge: #279AF1;--customer-badge-bg: rgba(39, 154, 241, .12);--customer-stage-1: #279AF1;--customer-stage-2: #7EE081;--customer-stage-3: #FFCB47;--customer-stage-4: #FF6B6B;--customer-stage-5: #7B61FF;--customer-stage-6: #134074;--customer-stage-7: #0D2E52}:root{--sw-primary: #134074;--sw-primary-light: #279AF1;--sw-primary-dark: #0D2E52;--sw-secondary: #279AF1;--sw-accent: #FFCB47;--sw-emerald: #7EE081;--sw-coral: #FF6B6B;--sw-purple: #7B61FF;--sw-bg-tint: #F1F2F2;--sw-bg-card: #FFFFFF;--sw-bg-soft: #E4EEF6;--sw-bg-dark: #0A1628;--sw-text: #1A2B3C;--sw-text-secondary: #4A5D72;--sw-text-muted: #8A98A8;--sw-radius-sm: 10px;--sw-radius-md: 14px;--sw-radius-lg: 18px;--sw-radius-xl: 24px;--sw-radius-pill: 100px;--sw-shadow-soft: 0 2px 12px rgba(19, 64, 116, .06);--sw-shadow-md: 0 4px 20px rgba(19, 64, 116, .1);--sw-shadow-lg: 0 8px 32px rgba(19, 64, 116, .14);--sw-shadow-glow: 0 0 20px rgba(39, 154, 241, .2);--sw-grad-primary: linear-gradient(135deg, #134074, #279AF1);--sw-grad-ocean: linear-gradient(135deg, #0D2E52, #134074, #279AF1);--sw-grad-warm: linear-gradient(135deg, #FFCB47, #FF6B6B);--sw-grad-success: linear-gradient(135deg, #7EE081, #279AF1);--sw-grad-sunglow: linear-gradient(135deg, #FFCB47, #FFFFFF);--sw-grad-fresh: linear-gradient(135deg, #279AF1, #7EE081);--sw-space-xs: .25rem;--sw-space-sm: .5rem;--sw-space-md: 1rem;--sw-space-lg: 1.5rem;--sw-space-xl: 2rem;--sw-space-2xl: 3rem;--sw-bottom-nav-height: 68px;--sw-safe-bottom: env(safe-area-inset-bottom, 0px);--sw-safe-top: env(safe-area-inset-top, 0px)}body.customer-body{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--sw-bg-tint);color:var(--sw-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}.font-display,.section-title,.customer-brand span,.hero-section h1{font-family:Fredoka,Poppins,sans-serif}.customer-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--sw-bg-tint)}.customer-desktop-nav{background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(19,64,116,.06);position:sticky;top:0;z-index:100;padding:0}.customer-desktop-nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.customer-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem;color:var(--sw-primary);text-decoration:none;flex-shrink:0}.customer-brand i{font-size:1.5rem;color:var(--sw-secondary)}.customer-brand:hover{color:var(--sw-primary-dark)}.customer-nav-links{display:flex;align-items:center;gap:.15rem}.customer-nav-link{display:flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:var(--sw-radius-pill);font-size:.85rem;font-weight:600;color:var(--sw-text-secondary);text-decoration:none;transition:all .18s ease-out}.customer-nav-link:hover{color:var(--sw-primary);background:#1340740d}.customer-nav-link.active{color:var(--sw-primary);background:#279af11a;font-weight:700}.customer-nav-link i{font-size:1rem}.customer-nav-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.customer-mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sw-space-sm) var(--sw-space-md);padding-top:calc(var(--sw-safe-top) + var(--sw-space-sm));background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:.5px solid rgba(19,64,116,.08);position:sticky;top:0;z-index:100}.customer-topbar-action{width:38px;height:38px;border-radius:50%;border:none;background:#1340740f;color:var(--sw-text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .12s ease-out;text-decoration:none;-webkit-tap-highlight-color:transparent}.customer-topbar-action:active{transform:scale(.88);background:var(--sw-secondary);color:#fff}.customer-content{flex:1}.customer-content-inner{padding:var(--sw-space-lg) 0}@media(max-width:767.98px){.customer-content-inner{padding:var(--sw-space-md);padding-bottom:calc(var(--sw-bottom-nav-height) + var(--sw-safe-bottom) + var(--sw-space-xl))}}@media(min-width:768px){.customer-content-inner{max-width:960px;margin:0 auto;padding:var(--sw-space-xl) var(--sw-space-lg)}}.customer-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fffffff0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:.5px solid rgba(19,64,116,.08);padding-bottom:var(--sw-safe-bottom)}.customer-bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;height:var(--sw-bottom-nav-height);padding:0 var(--sw-space-xs)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:.3rem .85rem;border-radius:var(--sw-radius-sm);color:var(--sw-text-muted);text-decoration:none;font-size:.62rem;font-weight:600;letter-spacing:.01em;transition:color .2s ease-out;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;border:none;background:none}.bottom-nav-item i{font-size:1.3rem;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item.active{color:var(--sw-primary)}.bottom-nav-item.active:after{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:20px;height:3px;border-radius:2px;background:var(--sw-grad-primary)}.bottom-nav-item.active i{transform:scale(1.1)}.bottom-nav-item:active i{transform:scale(.85);transition-duration:.08s}@keyframes navBounce{0%{transform:scale(1)}40%{transform:scale(1.18)}70%{transform:scale(.95)}to{transform:scale(1.1)}}.customer-footer{background:var(--sw-bg-dark);color:#ffffffb3;padding:2.5rem 0;margin-top:auto}.customer-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.customer-footer-brand{font-family:Fredoka,sans-serif;font-weight:700;font-size:1.15rem;color:#fff}.customer-footer-brand i{color:var(--sw-secondary)}.customer-footer-links{display:flex;gap:1.5rem}.customer-footer-links a{color:#ffffff8c;text-decoration:none;font-size:.85rem;font-weight:600;transition:color .15s}.customer-footer-links a:hover{color:var(--sw-accent)}.customer-footer-copy{font-size:.8rem;color:#ffffff59}.card-glass{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--sw-radius-lg);border:1px solid rgba(255,255,255,.5);box-shadow:var(--sw-shadow-soft);padding:var(--sw-space-lg)}.btn-sw-accent{background:var(--sw-accent);color:var(--sw-primary-dark);font-weight:700;box-shadow:0 4px 16px #ffcb474d}.btn-sw-accent:hover{box-shadow:0 6px 20px #ffcb4766;color:var(--sw-primary-dark)}.btn-sw-outline{background:transparent;color:var(--sw-primary);border:2px solid rgba(19,64,116,.15)}.btn-sw-outline:hover{background:#1340740a;border-color:var(--sw-primary);color:var(--sw-primary)}.btn-sw-sm{padding:.5rem 1rem;font-size:.8rem}.btn-sw-lg{padding:1rem 2rem;font-size:1rem}.btn-sw-block{width:100%}.pill-primary{background:#13407414;color:var(--sw-primary)}.pill-accent{background:#ffcb472e;color:#9a7200}.pill-success{background:#7ee08126;color:#2d8a4e}.pill-coral{background:#ff6b6b1f;color:#dc2626}.pill-purple{background:#7b61ff1f;color:var(--sw-purple)}.pill-dark{background:var(--sw-text);color:#fff}.section-subtitle{font-size:.85rem;color:var(--sw-text-secondary);margin-bottom:var(--sw-space-lg)}.progress-ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring-wrap .ring-label{position:absolute;font-weight:800;color:var(--sw-text)}.chip-group{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.chip-group::-webkit-scrollbar{display:none}.stage-path{position:relative;padding-left:2rem}.stage-path:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--sw-secondary),var(--sw-primary));border-radius:3px}.stage-node{position:relative;margin-bottom:var(--sw-space-lg)}.stage-dot{position:absolute;left:-2rem;top:.75rem;width:16px;height:16px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px var(--sw-primary);z-index:2}.stage-dot.completed{background:var(--sw-emerald);box-shadow:0 0 0 2px var(--sw-emerald)}.stage-dot.current{background:var(--sw-secondary);box-shadow:0 0 0 2px var(--sw-secondary),0 0 12px #279af166;animation:dotPulse 2s ease-in-out infinite}.stage-dot.locked{background:var(--sw-text-muted);box-shadow:0 0 0 2px var(--sw-text-muted)}@keyframes dotPulse{0%,to{box-shadow:0 0 0 2px var(--sw-secondary),0 0 12px #279af166}50%{box-shadow:0 0 0 2px var(--sw-secondary),0 0 20px #279af199}}.game-map-container{position:relative;border-radius:var(--sw-radius-xl);overflow:hidden;background:linear-gradient(180deg,#87ceeb,#b5e8f7,#d4f1f9,#e8f8ff 45%,#c8e6c9,#a5d6a7 65%,#81c784 80%,#66bb6a);padding:.5rem;min-height:400px}.game-map-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.gm-cloud{position:absolute;font-size:2.5rem;opacity:.5;animation:cloudDrift 20s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.gm-cloud-1{top:3%;left:-5%;animation-duration:25s}.gm-cloud-2{top:8%;right:-8%;animation-duration:30s;animation-delay:-10s;font-size:2rem}.gm-cloud-3{top:14%;left:30%;animation-duration:22s;animation-delay:-5s;font-size:1.8rem;opacity:.35}@keyframes cloudDrift{0%{transform:translate(0)}50%{transform:translate(40px)}to{transform:translate(0)}}.gm-wave{position:absolute;bottom:0;left:0;right:0;height:40px;border-radius:50% 50% 0 0}.gm-wave-1{background:#66bb6a66;bottom:0}.gm-wave-2{background:#81c7844d;bottom:12px;height:30px}.game-map{position:relative;width:100%;max-width:380px;margin:0 auto}.game-map-svg{pointer-events:none}.game-map-path-filled{filter:drop-shadow(0 0 6px rgba(255,203,71,.5))}.gm-node{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1);z-index:5;-webkit-tap-highlight-color:transparent;animation:nodeAppear .5s cubic-bezier(.34,1.56,.64,1) backwards}@keyframes nodeAppear{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.gm-node:hover,.gm-node:active{transform:translate(-50%,-50%) scale(1.12);z-index:10}.gm-node--selected{transform:translate(-50%,-50%) scale(1.15)!important;z-index:10}.gm-node--locked{opacity:.55;filter:grayscale(.5)}.gm-node--locked:hover{transform:translate(-50%,-50%) scale(1.02)}.gm-node-circle{position:relative;width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:4px solid;box-shadow:0 4px 16px #0003,inset 0 -3px 6px #00000026;transition:box-shadow .25s ease}.gm-node--current .gm-node-circle{box-shadow:0 4px 16px #0003,inset 0 -3px 6px #00000026,0 0 0 4px #ffcb4759,0 0 24px #ffcb4766;animation:currentPulseCircle 2s ease-in-out infinite}@keyframes currentPulseCircle{0%,to{box-shadow:0 4px 16px #0003,inset 0 -3px 6px #00000026,0 0 0 4px #ffcb4759,0 0 24px #ffcb4766}50%{box-shadow:0 4px 16px #0003,inset 0 -3px 6px #00000026,0 0 0 6px #ffcb4780,0 0 36px #ffcb4799}}.gm-node--completed .gm-node-circle{box-shadow:0 4px 16px #00000026,inset 0 -3px 6px #0000001a,0 0 12px #7ee08159}.gm-node-emoji{font-size:1.8rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.gm-node-number{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--sw-primary);font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003;font-family:Fredoka,sans-serif}.gm-stars{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.6rem;letter-spacing:-2px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));animation:starsAppear .4s ease backwards;animation-delay:.3s}@keyframes starsAppear{0%{transform:translate(-50%) scale(0)}to{transform:translate(-50%) scale(1)}}.gm-decoration{position:absolute;font-size:.85rem;transform-origin:center center;animation:decorFloat 3s ease-in-out infinite;pointer-events:none}@keyframes decorFloat{0%,to{opacity:.7;transform:rotate(var(--base-rot, 0deg)) translateY(-52px) scale(1)}50%{opacity:1;transform:rotate(var(--base-rot, 0deg)) translateY(-56px) scale(1.1)}}.gm-character{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:1.5rem;animation:characterBounce 1s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));z-index:6}@keyframes characterBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.gm-node-label{margin-top:22px;font-family:Fredoka,sans-serif;font-size:.78rem;font-weight:600;color:#1a2b3c;text-shadow:0 1px 2px rgba(255,255,255,.8);white-space:nowrap}.gm-node--locked .gm-node-label{color:#8a98a8}.gm-finish{position:absolute;font-size:2rem;animation:finishWave 2s ease-in-out infinite;text-align:center;width:40px}@keyframes finishWave{0%,to{transform:translate(-50%) rotate(-5deg)}50%{transform:translate(-50%) rotate(5deg)}}.gm-detail-card{background:#fff;border-radius:var(--sw-radius-lg);padding:1.25rem;box-shadow:var(--sw-shadow-md);border-left:4px solid var(--sw-primary)}.gm-detail--completed{border-left-color:#7ee081}.gm-detail--current{border-left-color:#ffcb47}.gm-detail--locked{border-left-color:#b8bfc9}.gm-detail-header{display:flex;align-items:center;gap:.85rem}.gm-detail-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.gm-detail-info{flex:1;min-width:0}.gm-detail-title{font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;color:var(--sw-text)}.gm-detail-desc{font-size:.78rem;color:var(--sw-text-secondary)}.gm-detail-skills{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.06)}.gm-skill-item{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:500;color:var(--sw-text)}.gm-skill-item i{font-size:1rem}.gm-detail-progress{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.06)}@media(max-width:767.98px){.gm-node-circle{width:60px;height:60px}.gm-node-emoji{font-size:1.5rem}.gm-node-label{font-size:.7rem}.gm-cloud{font-size:1.8rem}}.gm-preview-card{background:linear-gradient(180deg,#87ceeb,#b5e8f7 40%,#c8e6c9,#a5d6a7);border-radius:var(--sw-radius-lg);padding:1.25rem;overflow:hidden}.gm-preview-path{display:flex;justify-content:space-between;align-items:center;position:relative;padding:.5rem 0 1rem}.gm-preview-path:before{content:"";position:absolute;top:50%;left:8%;right:8%;height:4px;background:linear-gradient(90deg,#7ee081,#ffcb47,#d0d5dd);border-radius:4px;transform:translateY(-50%)}.gm-preview-node{position:relative;display:flex;flex-direction:column;align-items:center;z-index:2;animation:nodeAppear .4s cubic-bezier(.34,1.56,.64,1) backwards}.gm-preview-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;border:3px solid white;box-shadow:0 2px 8px #00000026;transition:transform .2s ease}.gm-preview-node--current .gm-preview-dot{box-shadow:0 2px 8px #00000026,0 0 0 3px #ffcb4766;animation:currentPulseCircle 2s ease-in-out infinite}.gm-preview-node--locked{opacity:.5;filter:grayscale(.5)}.gm-preview-label{font-size:.6rem;font-weight:600;font-family:Fredoka,sans-serif;color:#1a2b3c;margin-top:.3rem;text-shadow:0 1px 2px rgba(255,255,255,.8)}.gm-preview-swimmer{position:absolute;top:-14px;font-size:.9rem;animation:characterBounce 1s ease-in-out infinite}.gm-preview-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.4);color:var(--sw-text)}.reward-card-body{padding:var(--sw-space-md)}.reward-locked-overlay{position:absolute;inset:0;background:#0d2e52a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:var(--sw-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8rem}.timeline-item{display:flex;gap:var(--sw-space-md);padding-bottom:var(--sw-space-md);position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:15px;top:36px;bottom:0;width:2px;background:#13407414}.timeline-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmer 2.5s infinite;pointer-events:none}@keyframes shimmer{0%{left:-100%}to{left:100%}}.form-control-sw{width:100%;padding:.75rem 1rem;border-radius:var(--sw-radius-md);border:2px solid rgba(19,64,116,.08);font-family:Poppins,sans-serif;font-size:.9rem;background:var(--sw-bg-card);color:var(--sw-text);transition:border-color .16s ease-out,box-shadow .16s ease-out;outline:none}.form-control-sw:focus{border-color:var(--sw-secondary);box-shadow:0 0 0 3px #279af11f}.form-control-sw::placeholder{color:var(--sw-text-muted)}textarea.form-control-sw{min-height:120px;resize:vertical}.quiz-card-placeholder,.contact-card-icon-placeholder{display:none}.trust-card{display:flex;gap:var(--sw-space-md);padding:var(--sw-space-lg);background:var(--sw-bg-card);border-radius:var(--sw-radius-lg);border:1px solid rgba(19,64,116,.05);box-shadow:var(--sw-shadow-soft)}.trust-icon{width:44px;height:44px;border-radius:var(--sw-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}@media(min-width:768px){.desktop-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.desktop-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.desktop-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}}@media(min-width:768px){.hero-section{padding:4rem 0;margin:-2rem 0 2rem;border-radius:0 0 var(--sw-radius-xl) var(--sw-radius-xl)}}.hero-section h1{font-family:Fredoka,sans-serif;font-weight:700;font-size:2rem;margin-bottom:.5rem}@media(min-width:768px){.hero-section h1{font-size:2.5rem}}.hero-section p{font-size:1rem;opacity:.9;max-width:500px;margin:0 auto}@media(max-width:767.98px)and (prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}.shimmer:after{animation:none}.bottom-nav-item.active:after{animation:none}}.underwater-env{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.water-tint{position:absolute;inset:0;background:linear-gradient(180deg,#279af10a,#13407408 40%,#7ee08105)}.water-caustics{position:absolute;inset:0;opacity:.045;background:radial-gradient(ellipse 80px 60px at 20% 30%,rgba(39,154,241,.7) 0%,transparent 70%),radial-gradient(ellipse 100px 50px at 60% 20%,rgba(126,224,129,.5) 0%,transparent 70%),radial-gradient(ellipse 60px 80px at 80% 60%,rgba(39,154,241,.6) 0%,transparent 70%),radial-gradient(ellipse 90px 70px at 40% 70%,rgba(126,224,129,.4) 0%,transparent 70%),radial-gradient(ellipse 70px 90px at 10% 80%,rgba(39,154,241,.5) 0%,transparent 70%),radial-gradient(ellipse 110px 60px at 90% 40%,rgba(126,224,129,.5) 0%,transparent 70%);animation:causticsShift 8s ease-in-out infinite alternate}.water-caustics-2{position:absolute;inset:0;opacity:.035;background:radial-gradient(ellipse 70px 90px at 50% 50%,rgba(39,154,241,.6) 0%,transparent 70%),radial-gradient(ellipse 90px 70px at 25% 55%,rgba(126,224,129,.5) 0%,transparent 70%),radial-gradient(ellipse 80px 60px at 75% 35%,rgba(39,154,241,.5) 0%,transparent 70%),radial-gradient(ellipse 60px 80px at 35% 15%,rgba(126,224,129,.4) 0%,transparent 70%),radial-gradient(ellipse 100px 50px at 65% 85%,rgba(39,154,241,.4) 0%,transparent 70%);animation:causticsShift2 10s ease-in-out infinite alternate}@keyframes causticsShift{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(30px,-20px) scale(1.1) rotate(2deg)}66%{transform:translate(-20px,15px) scale(.95) rotate(-1deg)}to{transform:translate(15px,-10px) scale(1.05) rotate(1deg)}}@keyframes causticsShift2{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(-25px,20px) scale(1.08) rotate(-2deg)}to{transform:translate(20px,-15px) scale(.97) rotate(1.5deg)}}.water-rays{position:absolute;inset:0;overflow:hidden}.water-ray{position:absolute;top:-10%;width:2px;height:120%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(39,154,241,.04) 40%,transparent 80%);transform-origin:top center;animation:raySwing ease-in-out infinite}@keyframes raySwing{0%,to{transform:rotate(var(--ray-start, -2deg)) scaleX(1);opacity:var(--ray-opacity, .6)}50%{transform:rotate(var(--ray-end, 2deg)) scaleX(1.5);opacity:calc(var(--ray-opacity, .6) * .5)}}.water-surface{position:absolute;top:-2px;left:-5%;right:-5%;height:60px;opacity:.5}.water-surface-wave{position:absolute;top:0;left:-5%;width:110%;height:100%;background:repeating-linear-gradient(90deg,transparent 0px,rgba(39,154,241,.06) 40px,transparent 80px);animation:waveDrift 6s linear infinite}.water-surface-wave:nth-child(2){opacity:.7;animation-duration:8s;animation-direction:reverse;top:8px;background:repeating-linear-gradient(90deg,transparent 0px,rgba(126,224,129,.04) 50px,transparent 100px)}@keyframes waveDrift{0%{transform:translate(0)}to{transform:translate(-80px)}}.bubbles-container{position:absolute;inset:0;overflow:hidden}.bubble{position:absolute;bottom:-20px;border-radius:50%;opacity:0;animation:bubbleFloat linear infinite;background:radial-gradient(circle at 30% 30%,#ffffffb3,#279af138 45%,#13407414)!important;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 -3px 6px #279af11f,0 0 8px #279af11a,inset 2px 2px 4px #ffffff40}@keyframes bubbleFloat{0%{opacity:0;transform:translateY(0) translate(0) scale(.4)}4%{opacity:.85}20%{transform:translateY(-22vh) translate(14px) scale(.65);opacity:.8}40%{transform:translateY(-44vh) translate(-10px) scale(.78);opacity:.7}60%{transform:translateY(-66vh) translate(12px) scale(.88);opacity:.55}80%{transform:translateY(-88vh) translate(-6px) scale(.95);opacity:.35}to{opacity:0;transform:translateY(-112vh) translate(4px) scale(1)}}.bubble--sm{animation-name:bubbleFloatWobble!important}@keyframes bubbleFloatWobble{0%{opacity:0;transform:translateY(0) translate(0) scale(.3)}4%{opacity:.75}16%{transform:translateY(-18vh) translate(20px) scale(.45);opacity:.7}32%{transform:translateY(-36vh) translate(-16px) scale(.55);opacity:.65}48%{transform:translateY(-54vh) translate(18px) scale(.65);opacity:.55}64%{transform:translateY(-72vh) translate(-12px) scale(.72);opacity:.4}80%{transform:translateY(-90vh) translate(14px) scale(.8);opacity:.25}to{opacity:0;transform:translateY(-114vh) translate(-6px) scale(.85)}}.water-ripple{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 60%,rgba(39,154,241,.015) 100%);animation:ripplePulse 4s ease-in-out infinite}@keyframes ripplePulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.02);opacity:1}}.reveal{opacity:0;transform:translateY(20px) scale(.97);animation:bounceReveal .6s cubic-bezier(.34,1.56,.64,1) forwards}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}.reveal-delay-4{animation-delay:.4s}.reveal-delay-5{animation-delay:.5s}.reveal-delay-6{animation-delay:.6s}@keyframes bounceReveal{0%{opacity:0;transform:translateY(20px) scale(.97)}60%{opacity:1;transform:translateY(-4px) scale(1.01)}80%{transform:translateY(2px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.pop-in{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes popIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.wiggle{animation:wiggle 2.5s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-6deg)}30%{transform:rotate(5deg)}45%{transform:rotate(-4deg)}60%{transform:rotate(2deg)}75%{transform:rotate(0)}}.wiggle-hover:hover{animation:wiggle .6s ease-in-out}.float-y{animation:floatY 3s ease-in-out infinite}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.bounce-loop{animation:bounceLoop 2s ease-in-out infinite}@keyframes bounceLoop{0%,to{transform:translateY(0)}30%{transform:translateY(-10px)}50%{transform:translateY(-6px)}70%{transform:translateY(-10px)}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 #279af14d}50%{box-shadow:0 0 20px 6px #279af126}}.sparkle{position:relative}.sparkle:before,.sparkle:after{content:"✦";position:absolute;font-size:.7rem;animation:sparkleFlash 2s ease-in-out infinite;pointer-events:none}.sparkle:before{top:-4px;right:-4px;color:var(--sw-accent);animation-delay:0s}.sparkle:after{bottom:-2px;left:-4px;color:var(--sw-secondary);animation-delay:1s}@keyframes sparkleFlash{0%,to{opacity:0;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.rainbow-border{position:relative;z-index:0}.rainbow-border:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--sw-secondary),var(--sw-accent),var(--sw-coral),var(--sw-purple),var(--sw-emerald),var(--sw-secondary));background-size:300% 300%;animation:rainbowShift 4s ease-in-out infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}@keyframes rainbowShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;opacity:0;animation:confettiFall 3s ease-in forwards}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0) scale(1)}to{opacity:0;transform:translateY(100vh) rotate(720deg) scale(.4)}}.number-pop{display:inline-block;animation:numberPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes numberPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.count-up{font-variant-numeric:tabular-nums}.streak-fire i{animation:fireFlicker .8s ease-in-out infinite alternate;display:inline-block}@keyframes fireFlicker{0%{transform:scale(1) rotate(-3deg);text-shadow:0 0 4px rgba(255,107,107,.5)}to{transform:scale(1.15) rotate(3deg);text-shadow:0 0 12px rgba(255,107,107,.8)}}.achievement-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:var(--sw-radius-pill);font-size:.75rem;font-weight:700;background:var(--sw-bg-card);border:1px solid rgba(19,64,116,.06);box-shadow:var(--sw-shadow-soft);white-space:nowrap;transition:all .2s ease-out;cursor:pointer;-webkit-tap-highlight-color:transparent}.achievement-badge:hover,.achievement-badge:active{transform:scale(1.08) rotate(-2deg);box-shadow:var(--sw-shadow-md),0 0 12px #ffcb4733}.achievement-badge i{font-size:.9rem;animation:badgeIconPulse 3s ease-in-out infinite}@keyframes badgeIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.quick-action{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:var(--sw-space-md);background:var(--sw-bg-card);border-radius:var(--sw-radius-md);border:1px solid rgba(19,64,116,.05);box-shadow:var(--sw-shadow-soft);text-decoration:none;transition:all .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer;-webkit-tap-highlight-color:transparent}.quick-action:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--sw-shadow-md)}.quick-action:active{transform:scale(.9);transition-duration:.08s}.quick-action-icon{width:48px;height:48px;border-radius:var(--sw-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.quick-action:hover .quick-action-icon{transform:scale(1.15) rotate(-5deg)}.quick-action-label{font-size:.75rem;font-weight:700;color:var(--sw-text-secondary)}.card-gradient{background:var(--sw-grad-primary);border-radius:var(--sw-radius-xl);color:#fff;padding:var(--sw-space-lg);box-shadow:var(--sw-shadow-lg),0 0 30px #279af126;position:relative;overflow:hidden}.card-gradient:before{content:"";position:absolute;bottom:-20px;left:-20px;right:-20px;height:60px;background:radial-gradient(circle at 30px 30px,transparent 29px,rgba(255,255,255,.06) 29px,rgba(255,255,255,.06) 31px,transparent 31px),radial-gradient(circle at 90px 30px,transparent 29px,rgba(255,255,255,.06) 29px,rgba(255,255,255,.06) 31px,transparent 31px);background-size:120px 60px;animation:waveSlide 6s linear infinite;pointer-events:none}@keyframes waveSlide{0%{transform:translate(0)}to{transform:translate(-120px)}}.reward-card{background:var(--sw-bg-card);border-radius:var(--sw-radius-xl);border:1px solid rgba(19,64,116,.05);box-shadow:var(--sw-shadow-soft);overflow:hidden;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.reward-card:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--sw-shadow-lg)}.reward-card:active{transform:scale(.95) rotate(0);transition-duration:.08s}.reward-card-img{width:100%;height:120px;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:2.8rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.reward-card:hover .reward-card-img{transform:scale(1.15)}.quiz-card{display:flex;align-items:center;gap:var(--sw-space-md);padding:var(--sw-space-md);background:var(--sw-bg-card);border-radius:var(--sw-radius-lg);border:1px solid rgba(19,64,116,.05);box-shadow:var(--sw-shadow-soft);transition:all .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.quiz-card:hover{transform:translate(4px) scale(1.01);box-shadow:var(--sw-shadow-md);border-color:#279af126}.quiz-card:active{transform:scale(.97);transition-duration:.06s}.quiz-icon{width:50px;height:50px;border-radius:var(--sw-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.quiz-card:hover .quiz-icon{transform:rotate(-10deg) scale(1.1)}.progress-ring-wrap svg circle:last-of-type{animation:ringDraw 1.5s ease-out forwards;stroke-dashoffset:238.76!important}@keyframes ringDraw{to{stroke-dashoffset:var(--ring-offset, 59.69)}}.bottom-nav-item.active i{animation:navBounce .4s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item.active span{animation:navLabelPop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes navBounce{0%{transform:scale(.6) translateY(4px)}60%{transform:scale(1.25) translateY(-2px)}to{transform:scale(1.1) translateY(0)}}@keyframes navLabelPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.xp-meter{height:10px;border-radius:5px;background:#13407414;overflow:hidden;position:relative}.xp-meter .xp-fill{height:100%;border-radius:5px;background:var(--sw-grad-warm);transition:width 1.5s cubic-bezier(.34,1.56,.64,1);position:relative}.xp-meter .xp-fill:after{content:"";position:absolute;right:0;top:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6));animation:xpSparkle 1.5s ease-in-out infinite}@keyframes xpSparkle{0%,to{opacity:.3}50%{opacity:1}}.progress-bar-animated{height:8px;border-radius:4px;background:var(--sw-bg-soft);overflow:hidden}.progress-bar-animated .bar{height:100%;border-radius:4px;background:var(--sw-grad-primary);transition:width 1.2s cubic-bezier(.34,1.56,.64,1);width:0;position:relative}.progress-bar-animated .bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:barShimmer 2s linear infinite}@keyframes barShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.section-title{font-family:Fredoka,Poppins,sans-serif;font-size:1.2rem;font-weight:700;color:var(--sw-text);margin-bottom:var(--sw-space-md);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-3px;left:0;width:40px;height:3px;border-radius:3px;background:var(--sw-grad-warm)}.sw-avatar-public{width:48px;height:48px;border-radius:50%;background:var(--sw-grad-primary);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:1rem;flex-shrink:0;animation:avatarBreath 3s ease-in-out infinite}@keyframes avatarBreath{0%,to{box-shadow:0 0 #279af133}50%{box-shadow:0 0 16px 4px #279af126}}.sw-avatar-public.lg{width:80px;height:80px;font-size:1.8rem}.sw-avatar-public.xl{width:100px;height:100px;font-size:2.2rem}.card-soft{background:var(--sw-bg-card);border-radius:var(--sw-radius-xl);border:1px solid rgba(19,64,116,.05);box-shadow:var(--sw-shadow-soft);padding:var(--sw-space-lg);transition:all .25s cubic-bezier(.34,1.56,.64,1)}@media(min-width:768px){.card-soft:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--sw-shadow-md)}}@media(max-width:767.98px){.card-soft:active{transform:scale(.97);transition-duration:.08s}}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .9rem;border-radius:var(--sw-radius-pill);font-size:.75rem;font-weight:700;white-space:nowrap;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.pill:hover{transform:scale(1.08)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1.1rem;border-radius:var(--sw-radius-pill);font-size:.8rem;font-weight:700;white-space:nowrap;border:2px solid rgba(19,64,116,.08);background:var(--sw-bg-card);color:var(--sw-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent}.chip:active{transform:scale(.88)}.chip.active{background:var(--sw-grad-primary);color:#fff;border-color:transparent;box-shadow:0 4px 14px #13407440;transform:scale(1.05)}.stage-dot.current{background:var(--sw-secondary);box-shadow:0 0 0 2px var(--sw-secondary),0 0 12px #279af166;animation:dotPulse 1.5s ease-in-out infinite}.stage-dot.completed:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.5rem;color:#fff;font-weight:900}.customer-brand i{font-size:1.5rem;color:var(--sw-secondary);animation:brandWave 3s ease-in-out infinite;display:inline-block}@keyframes brandWave{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.05)}75%{transform:rotate(8deg) scale(1.05)}}.btn-sw{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--sw-radius-pill);font-family:Poppins,sans-serif;font-weight:700;font-size:.9rem;border:none;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.btn-sw:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.3) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.btn-sw:hover:after{opacity:1}.btn-sw:active{transform:scale(.92);transition-duration:.06s}.btn-sw:hover{transform:translateY(-2px) scale(1.02)}.btn-sw-primary{background:var(--sw-grad-primary);color:#fff;box-shadow:0 4px 20px #1340744d}.btn-sw-primary:hover{box-shadow:0 8px 28px #13407466;color:#fff}.contact-card{display:flex;align-items:center;gap:var(--sw-space-md);padding:var(--sw-space-lg);background:var(--sw-bg-card);border-radius:var(--sw-radius-xl);border:1px solid rgba(19,64,116,.05);box-shadow:var(--sw-shadow-soft);text-decoration:none;color:var(--sw-text);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.contact-card:hover{transform:translate(6px) scale(1.01);box-shadow:var(--sw-shadow-md);color:var(--sw-text)}.contact-card:active{transform:scale(.96);transition-duration:.06s}.contact-card-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.contact-card:hover .contact-card-icon{transform:rotate(-10deg) scale(1.15)}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.stagger-children>*{opacity:0;animation:bounceReveal .5s cubic-bezier(.34,1.56,.64,1) forwards}.emoji-lg{font-size:2.5rem}.emoji-xl{font-size:3.5rem}.emoji-bounce{display:inline-block;animation:emojiBounce 2s ease-in-out infinite}@keyframes emojiBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(5deg)}}.hero-section{background:var(--sw-grad-ocean);background-size:200% 200%;animation:heroGradient 8s ease-in-out infinite;color:#fff;padding:3rem 0;margin:-1rem -1rem 1.5rem;text-align:center;position:relative;overflow:hidden}@keyframes heroGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@supports (padding: max(0px)){@media(max-width:767.98px){.customer-content-inner{padding-left:max(var(--sw-space-md),env(safe-area-inset-left));padding-right:max(var(--sw-space-md),env(safe-area-inset-right))}}}@media(max-width:767.98px){.customer-content::-webkit-scrollbar{display:none}.customer-content{scrollbar-width:none;-ms-overflow-style:none}body.customer-body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.card-soft,.quick-action,.quiz-card,.contact-card,.reward-card,.chip,.btn-sw,.bottom-nav-item,.customer-topbar-action{touch-action:manipulation}}@media(max-width:767.98px)and (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-underwater-env{position:fixed;inset:0;z-index:0;overflow:hidden}.auth-water-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#279af126,#13407440,#0d2e5266 60%,#0a233c99)}.auth-water-gradient:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 50% 0%,rgba(126,224,129,.08) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 30% 20%,rgba(39,154,241,.1) 0%,transparent 40%),radial-gradient(ellipse 80% 60% at 70% 40%,rgba(255,203,71,.05) 0%,transparent 40%)}.auth-water-gradient.register{background:linear-gradient(180deg,#7ee0811a,#279af133 20%,#1340744d 50%,#0d2e5280)}.swimming-fish{position:absolute;left:-50px;animation:swimAcross linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));z-index:1}.swimming-fish.reverse{left:auto;right:-50px;animation-name:swimAcrossReverse}@keyframes swimAcross{0%{left:-60px;transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(-3deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(15px) rotate(3deg)}to{left:calc(100% + 60px);transform:translateY(0) rotate(0)}}@keyframes swimAcrossReverse{0%{right:-60px;transform:translateY(0) rotate(0) scaleX(-1)}25%{transform:translateY(-15px) rotate(3deg) scaleX(-1)}50%{transform:translateY(0) rotate(0) scaleX(-1)}75%{transform:translateY(15px) rotate(-3deg) scaleX(-1)}to{right:calc(100% + 60px);transform:translateY(0) rotate(0) scaleX(-1)}}.auth-seaweed-container{position:absolute;bottom:0;left:0;right:0;height:80px;pointer-events:none}.seaweed{position:absolute;bottom:0;font-size:2.5rem;animation:seaweedSway 3s ease-in-out infinite;transform-origin:bottom center}@keyframes seaweedSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.auth-page-container{position:relative;z-index:10;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card-wrapper{width:100%;max-width:420px;opacity:0;transform:translateY(30px) scale(.95);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.auth-card-wrapper.mounted{opacity:1;transform:translateY(0) scale(1)}.auth-mascot{text-align:center;margin-bottom:1rem;position:relative}.auth-mascot-emoji{display:inline-block;font-size:3.5rem;filter:drop-shadow(0 4px 12px rgba(39,154,241,.3))}.auth-mascot-bubbles{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.mini-bubble{font-size:.8rem;animation:miniBubbleFloat 2s ease-in-out infinite;opacity:.8}@keyframes miniBubbleFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-10px) scale(1.1);opacity:1}}.sparkle-float{animation:sparkleFloat 1.5s ease-in-out infinite}@keyframes sparkleFloat{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-12px) rotate(180deg) scale(1.2)}}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-title{font-family:Fredoka,Poppins,sans-serif;font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3);margin-bottom:.5rem}.auth-subtitle{font-size:.95rem;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.2)}.wave-emoji{display:inline-block;animation:waveHand 1.5s ease-in-out infinite}@keyframes waveHand{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.auth-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:14px;margin-bottom:1.25rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-alert i{font-size:1.25rem;flex-shrink:0;margin-top:2px}.auth-alert.auth-alert-success{background:#7ee08133;border:1px solid rgba(126,224,129,.4);color:#7ee081}.auth-alert.auth-alert-error{background:#ff6b6b33;border:1px solid rgba(255,107,107,.4);color:#ff6b6b}.auth-form-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:1.75rem;box-shadow:0 8px 32px #13407426,0 0 0 1px #fff3,inset 0 1px #fffc;position:relative;overflow:hidden}.auth-form-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--sw-grad-primary)}.auth-field{margin-bottom:1.25rem}.auth-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;color:var(--sw-text);margin-bottom:.5rem}.auth-label i{color:var(--sw-primary);font-size:.9rem}.auth-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.auth-forgot-link{font-size:.8rem;font-weight:600;color:var(--sw-primary);text-decoration:none;transition:color .2s}.auth-forgot-link:hover{color:var(--sw-secondary)}.auth-input{width:100%;padding:.9rem 1rem;font-size:1rem;font-family:inherit;border-radius:12px;border:2px solid rgba(19,64,116,.1);background:#fff;transition:all .2s ease;box-sizing:border-box}.auth-input:focus{outline:none;border-color:var(--sw-primary);box-shadow:0 0 0 4px #279af126}.auth-input.error{border-color:#ff6b6b}.auth-input.error:focus{box-shadow:0 0 0 4px #ff6b6b26}.auth-input::placeholder{color:#94a3b8}.auth-password-wrapper{position:relative}.auth-password-wrapper .auth-input{padding-right:3rem}.auth-password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--sw-text-secondary);font-size:1.1rem;padding:.25rem;transition:color .2s}.auth-password-toggle:hover{color:var(--sw-primary)}.auth-remember{margin-bottom:1.5rem}.auth-checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.auth-checkbox-label span{font-size:.9rem;font-weight:600;color:var(--sw-text-secondary)}.auth-checkbox{width:20px;height:20px;border-radius:6px;accent-color:var(--sw-primary);cursor:pointer}.auth-submit-btn{width:100%;padding:1rem;font-size:1rem;font-weight:800;font-family:inherit;border-radius:12px;border:none;background:linear-gradient(135deg,#134074,#279af1);color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.auth-submit-btn: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 ease}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #1340744d}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-submit-btn.register{background:linear-gradient(135deg,#7ee081,#279af1)}.auth-submit-btn i{font-size:1.1rem}.auth-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:1.5rem}.auth-footer p{font-size:.95rem;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.2)}.auth-link{font-weight:700;color:var(--sw-accent);text-decoration:none;transition:all .2s}.auth-link:hover{color:#fff;text-shadow:0 0 10px rgba(255,203,71,.5)}.auth-link i{transition:transform .2s}.auth-link:hover i{transform:translate(4px)}.auth-sea-creatures{display:flex;justify-content:center;gap:.4rem;margin-top:2rem}.sea-creature{font-size:1.5rem;animation:seaCreatureBounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes seaCreatureBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.1)}}@media(max-width:480px){.auth-page-container{padding:1rem .75rem}.auth-form-card{padding:1.5rem 1.25rem;border-radius:16px}.auth-title{font-size:1.5rem}.auth-mascot-emoji{font-size:3rem}}.tcg-card{cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;animation:cardDealIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.tcg-card:nth-child(1){animation-delay:.04s}.tcg-card:nth-child(2){animation-delay:.08s}.tcg-card:nth-child(3){animation-delay:.12s}.tcg-card:nth-child(4){animation-delay:.16s}.tcg-card:nth-child(5){animation-delay:.2s}.tcg-card:nth-child(6){animation-delay:.24s}.tcg-card:nth-child(7){animation-delay:.28s}.tcg-card:nth-child(8){animation-delay:.32s}.tcg-card:nth-child(9){animation-delay:.36s}.tcg-card:nth-child(10){animation-delay:.4s}.tcg-card:nth-child(11){animation-delay:.44s}.tcg-card:nth-child(12){animation-delay:.48s}.tcg-card:nth-child(13){animation-delay:.52s}.tcg-card:nth-child(14){animation-delay:.56s}.tcg-card:nth-child(15){animation-delay:.6s}.tcg-card:nth-child(16){animation-delay:.64s}.tcg-card:nth-child(17){animation-delay:.68s}.tcg-card:nth-child(18){animation-delay:.72s}.tcg-card:nth-child(19){animation-delay:.76s}.tcg-card:nth-child(20){animation-delay:.8s}.tcg-card:nth-child(21){animation-delay:.84s}.tcg-card:nth-child(22){animation-delay:.88s}.tcg-card:nth-child(23){animation-delay:.92s}.tcg-card:nth-child(24){animation-delay:.96s}.tcg-card:nth-child(25){animation-delay:1s}.tcg-card:nth-child(26){animation-delay:1.04s}.tcg-card:nth-child(27){animation-delay:1.08s}.tcg-card:nth-child(28){animation-delay:1.12s}.tcg-card:nth-child(29){animation-delay:1.16s}.tcg-card:nth-child(30){animation-delay:1.2s}.tcg-card-frame{border-radius:16px;padding:6px;background:linear-gradient(160deg,#c9a84c,#f0d860,#b8922a,#e8cc5c,#a07a1e,#d4b444,#f0d860,#b8922a 84%,#c9a84c);box-shadow:0 4px 20px #00000059,inset 0 1px #ffffff59,inset 0 -1px #00000026;transition:transform .3s ease,box-shadow .3s ease}.tcg-card-inner{background:#ece5c8;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.tcg-header{background:linear-gradient(90deg,#a0841e,#c9a84c,#e8cc5c 30%,#f5e07a,#e8cc5c 70%,#c9a84c,#a0841e);display:flex;align-items:center;padding:4px 6px;gap:4px;min-height:24px;position:relative}.tcg-stage-badge{display:inline-flex;align-items:center;gap:2px;background:linear-gradient(135deg,#e24030,#c41818);color:#fff;font-weight:900;padding:2px 6px 2px 5px;border-radius:8px 8px 8px 2px;font-style:italic;transform:skew(-5deg);white-space:nowrap;flex-shrink:0;line-height:1;position:relative;box-shadow:1px 1px 3px #0000004d}.tcg-stage-text{font-size:.35rem;text-transform:uppercase;letter-spacing:.04em}.tcg-stage-num{font-size:.55rem;font-style:italic}.tcg-card-title{flex:1;font-size:.5rem;font-weight:900;color:#2a1a00;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.4);letter-spacing:.04em}.tcg-rarity-badge{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:900;flex-shrink:0;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff4d}.tcg-rarity-badge.rarity-common{background:linear-gradient(145deg,#cd7f32,#a0612a);color:#fff}.tcg-rarity-badge.rarity-rare{background:linear-gradient(145deg,#4a90d9,#2a6ab0);color:#fff}.tcg-rarity-badge.rarity-epic{background:linear-gradient(145deg,#8b5cf6,#6a3dd4);color:#fff}.tcg-rarity-badge.rarity-legendary{background:linear-gradient(145deg,gold,#daa520);color:#5c3a00}.tcg-image-area{padding:0 5px;background:#ece5c8}.tcg-image-border{position:relative;background:linear-gradient(180deg,#4cc8e8,#58c4e0,#87ceeb 20%,#5db8d8 35%,#6bbcd0,#a0bbaa,#d0b878,#d4b06c,#c8a060 85%,#d0aa70);border-radius:4px;border:2.5px solid #b89530;display:flex;align-items:center;justify-content:center;min-height:80px;aspect-ratio:4/3;overflow:visible;box-shadow:inset 0 0 8px #0000001a}.tcg-team-crest{position:absolute;bottom:-4px;left:-4px;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#1a4a7a,#0d3260);border:2.5px solid #c9a84c;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 6px #0006;overflow:hidden}.tcg-crest-ring,.tcg-crest-ring-bottom{position:absolute;font-size:.16rem;font-weight:800;color:#ffffffb3;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tcg-crest-ring{top:2px}.tcg-crest-ring-bottom{bottom:1px;font-size:.12rem}.tcg-crest-letter{font-size:.55rem;font-weight:900;color:#fff;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.5);z-index:1;line-height:1}.tcg-character{font-size:3rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));z-index:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1);line-height:1}.tcg-skill-section{padding:.35rem .4rem .25rem;background:#ece5c8;display:flex;flex-direction:column;align-items:center;gap:.2rem}.tcg-skill-text{font-size:.55rem;font-weight:900;text-align:center;text-transform:uppercase;color:#1a1a1a;line-height:1.25;letter-spacing:.01em;padding:0 .15rem}.tcg-stats-row{display:flex;justify-content:center;gap:.3rem;width:100%}.tcg-stat{display:inline-flex;align-items:center;gap:0;border-radius:100px;font-weight:900;overflow:hidden;box-shadow:0 2px 4px #00000026}.tcg-stat-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:.5rem;line-height:1;flex-shrink:0}.tcg-stat-val{padding:0 5px 0 2px;font-size:.6rem;font-weight:900;line-height:18px}.tcg-stat.stat-speed{background:linear-gradient(180deg,#ffe44d,#e8c820)}.tcg-stat.stat-speed .tcg-stat-icon{background:linear-gradient(180deg,gold,#c8a000);color:#5c3a00}.tcg-stat.stat-speed .tcg-stat-val{color:#4a3200}.tcg-stat.stat-power{background:linear-gradient(180deg,#ff8c00,#e06800)}.tcg-stat.stat-power .tcg-stat-icon{background:linear-gradient(180deg,#f60,#c40)}.tcg-stat.stat-power .tcg-stat-val{color:#fff}.tcg-stat.stat-hp{background:linear-gradient(180deg,#e8e8e8,silver)}.tcg-stat.stat-hp .tcg-stat-icon{background:linear-gradient(180deg,#d0d0d0,#a8a8a8);color:#c22}.tcg-stat.stat-hp .tcg-stat-val{color:#333}.tcg-progress-row{display:flex;align-items:center;gap:3px;width:100%;padding:0 .15rem}.tcg-progress-label{font-size:.32rem;font-weight:800;color:#888}.tcg-progress-track{flex:1;height:4px;background:linear-gradient(180deg,#999,#777);border-radius:2px;overflow:hidden;box-shadow:inset 0 1px 2px #0000004d}.tcg-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:2px;transition:width .6s ease}.tcg-special{background:linear-gradient(180deg,#3a3530,#222018);padding:.25rem .4rem .3rem;border-radius:0 0 10px 10px;border-top:2px solid #b89530;position:relative}.tcg-special-header{display:flex;align-items:center;gap:4px;margin-bottom:2px}.tcg-special-slash{width:12px;height:2px;background:linear-gradient(90deg,#d4a438,#f0d060);transform:skew(-25deg);border-radius:1px;flex-shrink:0}.tcg-special-title{font-size:.5rem;font-weight:900;color:#d4a438;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap}.tcg-special-desc{font-size:.38rem;line-height:1.35;padding-left:.15rem}.tcg-special-name{color:#e8e0c0;font-weight:800;font-style:italic}.tcg-special-effect{color:#a09880}.tcg-card.rarity-common .tcg-card-frame{background:linear-gradient(160deg,#c9a84c,#f0d860,#b8922a,#e8cc5c,#a07a1e,#d4b444,#f0d860,#b8922a 84%,#c9a84c)}.tcg-card.rarity-rare .tcg-card-frame{background:linear-gradient(160deg,#5a8ab5,#8ac0e8,#3a6a94 30%,#6baad0,#3a6a94 70%,#8ac0e8,#5a8ab5)}.tcg-card.rarity-epic .tcg-card-frame{background:linear-gradient(160deg,#7a4cb0,#a87bda,#5a30a0 30%,#9a6cd0,#5a30a0 70%,#a87bda,#7a4cb0)}.tcg-card.rarity-legendary .tcg-card-frame{background:linear-gradient(160deg,gold,#ffe84a,#b8860b,#ffe44d,#daa520,gold,#ffe84a,#b8860b 84%,gold);box-shadow:0 4px 24px #ffd70080,inset 0 1px #fff6}.tcg-card.rarity-legendary .tcg-card-frame{position:relative;overflow:hidden}.tcg-card.rarity-legendary.earned .tcg-card-frame:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(115deg,transparent 0%,transparent 30%,rgba(255,255,255,.45) 45%,rgba(255,255,255,.15) 50%,transparent 55%,transparent 100%);animation:holoShine 3s ease-in-out infinite;pointer-events:none;z-index:10}.tcg-card.rarity-rare.earned .tcg-card-frame{animation:rarePulseFrame 3s ease-in-out infinite}.tcg-card.rarity-epic.earned .tcg-card-frame{animation:epicPulseFrame 2.5s ease-in-out infinite}.tcg-card.rarity-legendary.earned .tcg-card-frame{animation:legendaryPulseFrame 2s ease-in-out infinite}.tcg-card.locked .tcg-card-frame{filter:saturate(.15) brightness(.7)}.tcg-card.locked .tcg-special-name,.tcg-card.locked .tcg-special-effect,.tcg-card.locked .tcg-skill-text{color:#888}.tcg-card.locked{cursor:default}@media(min-width:768px){.tcg-card.earned:hover .tcg-card-frame{transform:translateY(-6px) scale(1.04) rotateY(-3deg);box-shadow:0 14px 36px #00000059}.tcg-card.earned:hover .tcg-character{transform:scale(1.12)}}@media(max-width:767.98px){.tcg-card:active .tcg-card-frame{transform:scale(.95);transition-duration:.08s}}@keyframes cardDealIn{0%{opacity:0;transform:translateY(30px) rotateX(15deg) scale(.85)}to{opacity:1;transform:translateY(0) rotateX(0) scale(1)}}@keyframes holoShine{0%,to{background-position:-200% center;opacity:.3}50%{background-position:200% center;opacity:.7}}@keyframes rarePulseFrame{0%,to{box-shadow:0 4px 18px #4a90d94d}50%{box-shadow:0 4px 28px #4a90d980}}@keyframes epicPulseFrame{0%,to{box-shadow:0 4px 18px #8b5cf659}50%{box-shadow:0 6px 30px #8b5cf68c}}@keyframes legendaryPulseFrame{0%,to{box-shadow:0 4px 24px #ffd70080,inset 0 1px #fff6}50%{box-shadow:0 6px 36px #ffd700b3,inset 0 1px #ffffff80}}.card-modal-overlay{position:fixed;inset:0;background:#0a1628bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1.5rem;animation:fadeIn .2s ease-out}.card-modal-content{background:#fff;border-radius:24px;width:100%;max-width:340px;overflow:hidden;animation:modalSlideUp .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #0000004d}.card-modal-hero{padding:2rem 1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#4cc8e8,#87ceeb 25%,#5db8d8 45%,#d0b878 70%,#d4b06c)}.card-modal-hero-emoji{font-size:4.5rem;animation:popIn .5s cubic-bezier(.34,1.56,.64,1) .2s both;filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}.card-modal-hero-name{font-weight:900;font-size:1.15rem;color:#1a2b3c;margin:.5rem 0 .25rem;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.08)}.card-modal-hero-badges{display:flex;gap:.5rem}.tcg-rarity-badge-modal{padding:.15rem .6rem;border-radius:100px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.tcg-rarity-badge-modal.rarity-common{background:linear-gradient(145deg,#cd7f32,#a0612a);color:#fff}.tcg-rarity-badge-modal.rarity-rare{background:linear-gradient(145deg,#4a90d9,#2a6ab0);color:#fff}.tcg-rarity-badge-modal.rarity-epic{background:linear-gradient(145deg,#8b5cf6,#6a3dd4);color:#fff}.tcg-rarity-badge-modal.rarity-legendary{background:linear-gradient(145deg,gold,#daa520);color:#5c3a00}.card-modal-body{padding:1rem 1.5rem 1.5rem}.card-modal-criterion{text-align:center;font-weight:900;font-size:.95rem;text-transform:uppercase;color:#1a2b3c;margin-bottom:.75rem;line-height:1.3}.card-modal-stats{display:flex;justify-content:center;gap:.5rem;margin-bottom:.75rem}.card-modal-stat-badge{display:flex;flex-direction:column;align-items:center;padding:.4rem .75rem;border-radius:12px;min-width:60px}.card-modal-stat-badge span{font-size:.65rem;font-weight:700;opacity:.8}.card-modal-stat-badge strong{font-size:1.1rem;font-weight:900}.card-modal-stat-badge.stat-speed{background:linear-gradient(145deg,#ffe44d,#e8c820);color:#5c4000}.card-modal-stat-badge.stat-power{background:linear-gradient(145deg,#ff8c00,#e06800);color:#fff}.card-modal-stat-badge.stat-hp{background:#e8e8e8;color:#c62828}.card-modal-progress{margin-bottom:.75rem}.card-modal-special{background:linear-gradient(180deg,#3a3530,#222018);border-radius:12px;padding:.6rem .75rem;margin-bottom:.75rem}.card-modal-special-title{font-size:.6rem;font-weight:900;color:#d4a438;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(212,164,56,.3);padding-bottom:.25rem;margin-bottom:.25rem}.card-modal-special-name{font-size:.85rem;font-weight:800;color:#e8e0c0;font-style:italic}.card-modal-special-effect{font-size:.75rem;color:#a09880;line-height:1.4}.card-modal-info-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:.85rem}.card-modal-info-row:last-of-type{border-bottom:none}.card-modal-info-row span:first-child{color:var(--sw-text-muted, #8A98A8);font-weight:600}.card-modal-info-row span:last-child{font-weight:800}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.swimming-fish,.seaweed,.sea-creature,.mini-bubble,.auth-mascot-emoji,.wave-emoji,.tcg-card,.tcg-card-frame,.tcg-card-frame:before{animation:none!important;transition:none!important}.tcg-card{opacity:1}.auth-card-wrapper{transition:none}}