@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_f67cdb{font-family:Geist,Geist Fallback;font-style:normal}.__variable_f67cdb{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_069fe2{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_069fe2{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}:root{--palette-bg:#0f0f14;--palette-surface-section:#16161d;--palette-surface-card:#1c1c25;--palette-surface-raised:#1f1f2a;--palette-surface-hover:#252532;--palette-primary:#ff2e63;--palette-primary-hover:#ff4d8d;--palette-primary-active:#e02658;--palette-primary-soft:#ff6faf;--palette-text:#f5f5f7;--palette-text-secondary:#a1a1aa;--palette-text-muted:#6b6b75;--palette-accent-purple:#7c3aed;--palette-accent-blue:#3b82f6;--gradient-primary:linear-gradient(135deg,#ff2e63,#ff4d8d,#ff6faf);--shadow-glow-pink:0 0 20px rgba(255,46,99,0.35);--shadow-card-lift:0 10px 30px rgba(255,46,99,0.25);--color-primary-rgb:255,46,99;--color-surface-1-rgb:22,22,29;--color-surface-2-rgb:28,28,37;--color-bg-rgb:15,15,20;--color-bg:var(--palette-bg);--color-surface-1:var(--palette-surface-section);--color-surface-2:var(--palette-surface-card);--color-surface-3:var(--palette-surface-raised);--color-surface-4:var(--palette-surface-hover);--color-surface-elevated:rgba(255,255,255,0.04);--color-text-primary:var(--palette-text);--color-text-secondary:var(--palette-text-secondary);--color-text-muted:var(--palette-text-muted);--color-primary:var(--palette-primary);--color-primary-hover:var(--palette-primary-hover);--color-primary-active:var(--palette-primary-active);--color-primary-200:rgba(var(--color-primary-rgb),0.22);--color-primary-muted:rgba(var(--color-primary-rgb),0.35);--color-on-primary:#ffffff;--color-border:rgba(255,255,255,0.08);--color-border-strong:rgba(255,255,255,0.14);--color-border-accent:rgba(var(--color-primary-rgb),0.22);--color-success:#22c55e;--color-danger:#ef4444;--color-secondary:var(--palette-accent-blue);--color-accent-purple:var(--palette-accent-purple);--color-surface-light:#f7f7f7;--color-border-light:#ddd;--color-social-facebook:#1877f2;--color-social-twitter:#1a1a1a;--color-social-youtube:#ff0000;--color-social-tiktok:#00f2ea;--color-social-tiktok-text:#000;--foreground:var(--color-text-primary);--text-base:var(--color-text-secondary);--primary-button-text:var(--color-on-primary);--category-name:var(--color-text-primary);--border-color:var(--color-border);--bg-color:var(--color-bg);--bg-2:var(--color-surface-2);--bg-3:var(--color-surface-3);--bg-4:var(--color-surface-4);--bg-5:var(--color-surface-elevated);--bg-6:linear-gradient(180deg,#1a1a24,#12121a);--primary-color:var(--color-primary);--primary-color-hover:var(--color-primary-hover);--primary-text:var(--color-primary-hover);--top-bg-default:var(--color-surface-1);--footer-bg:var(--color-bg);--art-theme:var(--color-primary);--banner-bg-from:var(--color-bg);--banner-bg-to:var(--color-bg);--secondary-color:#f5c542;--shadow-large:0 0 24px 20px rgba(var(--color-primary-rgb),0.18);--h-shadow:0 4px 16px rgba(0,0,0,0.35),0 1px 4px rgba(0,0,0,0.2);--padding-base:40px;--bs-border-color:rgba(0,0,0,0.28);--Toastify__progress-bar--error:#f85f5f!important;--toastify-icon-color-error:#f85f5f!important;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--spacing-24:96px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--radius-none:0;--radius-xs:4px;--radius-base:10px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.12);--shadow-base:0 2px 6px rgba(0,0,0,0.18),0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 12px rgba(0,0,0,0.22),0 2px 6px rgba(0,0,0,0.14);--shadow-lg:0 12px 32px rgba(0,0,0,0.35),0 4px 12px rgba(0,0,0,0.2);--shadow-xl:0 20px 40px rgba(0,0,0,0.4);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.45);--shadow-none:none;--shadow-card:0 2px 8px rgba(0,0,0,0.2);--shadow-card-hover:var(--shadow-card-lift);--shadow-glow-primary:var(--shadow-glow-pink);--ease-out-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--ease-in-out-soft:cubic-bezier(0.4,0,0.2,1);--transition-fast:0.18s var(--ease-out-smooth);--transition-base:0.28s var(--ease-out-smooth);--transition-slow:0.4s var(--ease-in-out-soft);--font-xs:12px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:22px;--font-2xl:28px;--btn-cta-height:48px;--btn-cta-padding-x:20px;--btn-cta-font-size:16px;--color-detail-overlay:20,16,28}html{color-scheme:dark;scroll-behavior:smooth}body,html{max-width:100vw;overflow-x:hidden;scrollbar-gutter:stable}body{color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}body.layout-root{background-color:var(--color-bg)}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.app-toast-container{position:fixed;bottom:24px;right:24px;z-index:10001;display:flex;flex-direction:column;gap:12px;pointer-events:none;width:auto;max-width:none}.app-toast-item{background:var(--color-surface-2,#1a1a1a);border-radius:var(--radius-sm,8px);padding:16px 20px;display:flex;align-items:center;gap:12px;min-width:300px;max-width:400px;box-shadow:var(--h-shadow,0 4px 16px rgba(0,0,0,.3));pointer-events:auto;animation:notificationToastSlideIn .6s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--color-border-strong,rgba(255,255,255,.1));border-left:4px solid transparent;position:relative}@keyframes notificationToastSlideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes notificationToastSlideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.app-toast-item.toast-slide-out{animation:notificationToastSlideOut .3s ease}.app-toast-item.toast-success{border-left-color:var(--color-success,#22c55e)}.app-toast-item.toast-error{border-left-color:var(--primary-color,#ff2e63)}.app-toast-item.toast-warning{border-left-color:var(--secondary-color,#f5c542)}.app-toast-item.toast-info{border-left-color:var(--color-secondary,#2f80ed)}.app-toast-icon{font-size:20px;flex-shrink:0}.app-toast-item.toast-success .app-toast-icon{color:var(--color-success,#22c55e)}.app-toast-item.toast-error .app-toast-icon{color:var(--primary-color,#ff2e63)}.app-toast-item.toast-warning .app-toast-icon{color:var(--secondary-color,#f5c542)}.app-toast-item.toast-info .app-toast-icon{color:var(--color-secondary,#2f80ed)}.app-toast-message{flex:1 1;color:var(--foreground,#fff);font-size:14px;line-height:1.5}.app-toast-close{width:24px;height:24px;background:transparent;border:none;color:var(--color-text-muted,#aaa);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs,4px);transition:background .2s ease,color .2s ease;flex-shrink:0;font-size:14px;padding:0}.app-toast-close:hover{background:rgba(255,255,255,.1);color:var(--foreground,#fff)}.app-toast-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media screen and (max-width:768px){.app-toast-container{top:max(16px,env(safe-area-inset-top));bottom:auto;right:16px;left:16px}.app-toast-item{min-width:auto;max-width:none;width:100%;animation:notificationToastSlideInMobile .4s cubic-bezier(.34,1.56,.64,1)}.app-toast-item.toast-slide-out{animation:notificationToastSlideOutMobile .3s ease}}@keyframes notificationToastSlideInMobile{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes notificationToastSlideOutMobile{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (prefers-reduced-motion:reduce){.app-toast-item,.app-toast-item.toast-slide-out{animation:none!important}.app-toast-close{transition:none}}.spinner-overlay{position:fixed;inset:0;background:#000!important;display:flex!important;align-items:center;justify-content:center;z-index:99999;pointer-events:all;transition:opacity .5s ease-out,visibility .5s ease-out;visibility:visible!important;opacity:1!important}.spinner-fade-container{position:fixed;inset:0;z-index:99999;pointer-events:none;background:#000}.spinner-fade-container .spinner-overlay{pointer-events:all}.spinner-wrapper{display:flex!important;flex-direction:column;align-items:center;gap:12px;z-index:100000}.spinner,.spinner-wrapper{position:relative;visibility:visible!important;opacity:1!important}.spinner{border-radius:50%;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;animation:spinnerAnim 1s cubic-bezier(.4,0,.2,1) infinite!important;-webkit-animation:spinnerAnim 1s cubic-bezier(.4,0,.2,1) infinite!important;display:block!important;box-shadow:0 0 20px rgba(var(--color-primary-rgb),.3),0 0 40px rgba(var(--color-primary-rgb),.1)}.spinner:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:4px solid rgba(var(--color-primary-rgb),.2);animation:pulseAnim 2s ease-in-out infinite;-webkit-animation:pulseAnim 2s ease-in-out infinite}@keyframes spinnerAnim{0%{transform:rotate(0deg) translateZ(0);-webkit-transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0);-webkit-transform:rotate(1turn) translateZ(0)}}@keyframes pulseAnim{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.spinner-text{color:#fff;font-size:14px;opacity:.85}.btn-component{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;transition:all var(--transition-base);pointer-events:auto!important;-webkit-tap-highlight-color:transparent}.btn-component-sm{width:40px;height:40px;font-size:14px}.btn-component-md{height:40px;padding:0 16px;font-size:14px}.btn-component-lg{height:48px;padding:0 20px;font-size:15px}.btn-component-xl{height:56px;padding:0 26px;font-size:16px}.btn-component-primary{background:var(--primary-color)!important;color:var(--color-on-primary)!important}.btn-component-secondary{background:var(--color-secondary)!important;color:var(--color-on-primary)!important}.btn-component-success{background:var(--color-success)!important;color:var(--color-on-primary)!important}.btn-component-danger{background:var(--color-danger)!important;color:var(--color-on-primary)!important}.btn-component-ghost{background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)}.btn-component-pink{background:var(--primary-color)!important;color:var(--color-on-primary)!important;border:1px solid var(--color-border)}.btn-component-link{background:none!important;color:var(--color-secondary)!important;padding:0}.btn-component:hover{opacity:.95!important;transform:translateY(-2px)}.btn-component:active{transform:translateY(0) scale(.98)!important}.btn-component-ghost:hover{background:var(--color-surface-elevated)!important;color:var(--color-text-primary)!important;border:1px solid var(--primary-color)}.btn-component:disabled,.btn-loading{opacity:.6!important;cursor:not-allowed;transform:none!important}.btn-text-component{display:inline-flex;align-items:center;min-width:0}.btn-icon-component{display:inline-flex;align-items:center;width:18px;height:18px}.btn-spinner-component{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:var(--color-on-primary)!important;border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn-component-cta-size{height:var(--btn-cta-height)!important;min-height:var(--btn-cta-height)!important;padding:0 var(--btn-cta-padding-x)!important;font-size:var(--btn-cta-font-size)!important}.btn-component-block{width:100%}.btn-component-google{background:#ffffff;color:#202124;border:1px solid rgba(0,0,0,.12)}.btn-component-google:hover{background:#f8f9fa;color:#202124}.btn-component-google .btn-text-component{color:inherit}.btn-component-ghost.active{background:var(--primary-color)!important;color:var(--color-on-primary)!important}@media screen and (max-width:1024px){.btn-component-xl{height:52px;padding:0 24px;font-size:15px}.btn-component-lg{height:44px;padding:0 18px;font-size:14px}}@media screen and (max-width:768px){.btn-component{gap:var(--spacing-2);border-radius:var(--radius-sm)}.btn-component-xl{height:48px;padding:0 20px;font-size:14px}.btn-component-lg{height:42px;padding:0 16px;font-size:14px}.btn-component-md{height:38px;padding:0 14px;font-size:13px}.btn-component-sm{width:36px;height:36px;font-size:13px}.btn-icon-component{width:16px;height:16px}.btn-spinner-component{width:12px;height:12px}}@media screen and (max-width:480px){.btn-component{gap:var(--spacing-1);border-radius:var(--radius-sm)}.btn-component-xl{height:44px;padding:0 16px;font-size:13px}.btn-component-lg{height:40px;padding:0 14px;font-size:13px}.btn-component-md{height:32px;padding:0 var(--spacing-4);font-size:var(--font-xs)}.btn-component-sm{width:32px;height:32px;font-size:12px}.btn-icon-component{width:14px;height:14px}.btn-spinner-component{width:11px;height:11px}.btn-component:hover{transform:translateY(-.5px)}}.dots-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.dots-container .dot{height:10px;width:10px;margin-right:10px;border-radius:10px;background-color:var(--primary-color);animation:loading-dots-pulse 1.5s ease-in-out infinite}.dots-container .dot:last-child{margin-right:0}.dots-container .dot:first-child{animation-delay:-.3s}.dots-container .dot:nth-child(2){animation-delay:-.15s}.dots-container .dot:nth-child(3){animation-delay:0s}.dots-container .dot:nth-child(4){animation-delay:.15s}.dots-container .dot:nth-child(5){animation-delay:.3s}@keyframes loading-dots-pulse{0%{transform:scale(.8);background-color:var(--primary-color);box-shadow:0 0 0 0 color-mix(in srgb,var(--primary-color) 45%,transparent)}50%{transform:scale(1.2);background-color:var(--primary-color);box-shadow:0 0 0 10px color-mix(in srgb,var(--primary-color) 0%,transparent)}to{transform:scale(.8);background-color:var(--primary-color);box-shadow:0 0 0 0 color-mix(in srgb,var(--primary-color) 45%,transparent)}}.logo-lockup{display:inline-flex;align-items:center;gap:.5rem;max-width:100%}.logo-lockup--compact{gap:.35rem}.logo-lockup__img{display:block;object-fit:contain;flex-shrink:0;height:auto;max-height:70px;width:auto;max-width:120px}.logo-lockup--compact .logo-lockup__img{max-height:40px;max-width:88px}.logo-lockup__text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.1rem;min-width:0;line-height:1.15}.logo-lockup__title{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.25rem;font:inherit;font-weight:700;letter-spacing:.02em;color:var(--primary-color,#ff2e63)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000,#1a1a1a);padding:20px}.login-card{width:100%;max-width:1000px;background:var(--color-surface-2);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-text-link{background:none;border:none;padding:0;color:var(--primary-color);text-decoration:underline;cursor:pointer}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.login-image-section{background:linear-gradient(135deg,#1a1a1a,#000);position:relative;overflow:hidden}.login-image-section,.login-image-wrapper{display:flex;align-items:center;justify-content:center}.login-image,.login-image-wrapper{width:100%;height:100%}.login-image{object-fit:cover;border-radius:var(--radius-md);opacity:.9}.login-form-section{padding:40px;display:flex;flex-direction:column;justify-content:center}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:var(--font-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.login-subtitle{font-size:var(--font-sm);color:var(--color-text-muted);margin:0}.login-form{gap:15px}.login-form,.register-form{display:flex;flex-direction:column}.register-form{gap:.7rem}.login-error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:rgba(var(--color-primary-rgb),.1);border:1px solid var(--color-primary-muted);border-radius:var(--radius-md);color:var(--primary-color);font-size:var(--font-sm)}.login-error svg{flex-shrink:0}.login-success{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--font-sm)}.login-success svg{flex-shrink:0}.form-error-text{font-size:12px;color:var(--primary-color);margin-top:4px}.field-error-slot{min-height:18px;margin-top:2px}.field-error-text{font-size:12px;color:var(--primary-color);display:block;line-height:1.3}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-weight:500}.form-input,.form-label{font-size:var(--font-sm);color:var(--color-text-primary)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);box-sizing:border-box}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--primary-color);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input.input-error{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15);color:var(--primary-color)}.form-input.input-error::placeholder{color:rgba(var(--color-primary-rgb),.6)}.form-group:has(.form-input.input-error) .form-label{color:var(--primary-color)!important}.form-group.floating.has-success .form-input.input-error,.form-group.has-success .form-input.input-error{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)!important;color:var(--primary-color)!important}.form-options{justify-content:space-between;font-size:14px}.checkbox-label,.form-options{display:flex;align-items:center}.checkbox-label{gap:8px;color:var(--color-text-muted,#888);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color)}.forgot-link{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:var(--primary-color-hover,#ff1a27);text-decoration:underline}.login-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--primary-color) 0,#f40612 100%);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#f40612 0,var(--primary-color) 100%);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-divider{display:flex;align-items:center;gap:16px;color:var(--color-text-muted,#666);font-size:14px}.login-divider:after,.login-divider:before{content:"";flex:1 1;height:1px;background:rgba(255,255,255,.1)}.login-button-google{width:100%;padding:14px 24px;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#000;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px}.login-button-google:hover:not(:disabled){background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.login-button-google:active:not(:disabled){transform:translateY(0)}.login-button-google:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-button-google svg{flex-shrink:0}.login-footer{margin-top:24px;text-align:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.register-text{font-size:14px;color:var(--color-text-muted,#888);margin:0}.register-text a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.register-text a:hover{color:var(--primary-color-hover,#ff1a27);text-decoration:underline}.otp-container{display:flex;gap:12px;justify-content:center;margin:8px 0}.otp-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;transition:all .3s ease;box-sizing:border-box}.otp-input:focus{outline:none;border-color:var(--primary-color);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.otp-input:disabled{opacity:.5;cursor:not-allowed}.otp-container.has-success .otp-input{border-color:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.15)}.otp-container.has-success .otp-input:focus{border-color:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.25)}.otp-resend{text-align:center;margin-top:8px}.resend-button{background:transparent;border:none;color:var(--primary-color);font-size:14px;cursor:pointer;transition:color .3s ease;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px}.resend-button:hover:not(:disabled){color:var(--primary-color-hover,#ff1a27);background:rgba(var(--color-primary-rgb),.1)}.resend-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.login-container{padding:16px;min-height:calc(100vh - 64px)}.login-card{max-width:100%}.login-layout{min-height:500px}.login-form-section{padding:28px 24px}.login-title{font-size:24px}.form-label,.login-subtitle{font-size:13px}.form-input{padding:11px 14px;font-size:14px}.login-button,.login-button-google{padding:12px 20px;font-size:15px}.form-options{flex-direction:column;align-items:flex-start;gap:12px}.forgot-link{font-size:13px}.login-divider{margin:0;font-size:13px}}@media (max-width:640px){.login-layout{grid-template-columns:1fr;min-height:auto}.login-image-section{display:none}.login-form-section{padding:32px 0}}@media (max-width:480px){.login-container{padding:12px;min-height:calc(100vh - 48px)}.login-card{padding:24px 20px;border-radius:8px}.login-header{margin-bottom:24px}.login-title{font-size:22px}.login-subtitle{font-size:12px}.login-form{gap:16px}.form-group{gap:6px}.form-label{font-size:12px}.form-input{padding:10px 12px;font-size:14px}.login-button,.login-button-google{padding:11px 18px;font-size:14px}.login-button svg,.login-button-google svg{width:16px;height:16px}.login-error{padding:10px 12px;font-size:13px}.login-error svg{width:18px;height:18px}.form-options{font-size:12px}.checkbox-input{width:16px;height:16px}.login-divider{margin:0;gap:12px;font-size:12px}.login-footer{margin-top:20px;padding-top:20px}.register-text{font-size:13px}.form-error-text{font-size:11px}.login-success{padding:10px 12px;font-size:13px}.login-success svg{width:18px;height:18px}.otp-container{gap:8px}.otp-input{width:42px;height:50px;font-size:20px}.resend-button{font-size:13px;padding:6px 10px}}@media (max-width:360px){.login-card{padding:20px 16px}.login-title{font-size:20px}.login-button,.login-button-google{padding:10px 16px;font-size:13px;gap:6px}}@media (max-height:600px) and (orientation:landscape){.login-container{min-height:auto;align-items:flex-start;padding:20px 12px 12px}.login-card{padding:24px 20px;max-width:400px}.login-header{margin-bottom:20px}.login-title{font-size:20px;margin-bottom:4px}.login-subtitle{font-size:12px}.login-form{gap:14px}.otp-container{gap:6px}.otp-input{width:38px;height:46px;font-size:18px}}.form-group.floating{position:relative;gap:0}.form-group.floating .form-input{height:52px;padding:20px 14px 6px;background:var(--bg-5);border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:15px;color:#fff;transition:all .2s ease}.form-group.floating label{position:absolute;left:14px;top:16px;color:#777;font-size:15px;pointer-events:none;transition:all .2s ease;background:#1a1a1a;padding:0 4px}.form-group.floating .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(77,71,72,.2)}.form-group.floating .form-input:focus+label,.form-group.floating .form-input:not(:placeholder-shown)+label{top:-8px;font-size:12px;color:var(--primary-color);font-weight:500}.form-group.floating .form-input:disabled{opacity:.5}.form-group.floating.has-success .form-input,.form-group.has-success .form-input{border-color:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.15)}.form-group.floating.has-success .form-input:focus,.form-group.has-success .form-input:focus{border-color:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.25)}.form-group.floating.has-success label,.form-group.has-success .form-label{color:#22c55e!important}@media (prefers-reduced-motion:reduce){.login-button-google:active:not(:disabled),.login-button-google:hover:not(:disabled),.login-button:active:not(:disabled),.login-button:hover:not(:disabled){transform:none}.form-group.floating .form-input,.form-group.floating label,.form-input,.otp-input{transition:none}}.form-group.floating.form-group-password{position:relative}.form-group.floating.form-group-password .form-input{padding-right:2.75rem}.form-group.floating.form-group-password .password-toggle{position:absolute;right:.5rem;top:26px;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:.375rem;background:transparent;color:var(--color-text-secondary,#a1a1aa);cursor:pointer;transition:color .15s ease,background .15s ease}.form-group.floating.form-group-password .password-toggle:hover:not(:disabled){color:var(--color-text-primary,#fff);background:rgba(255,255,255,.06)}.form-group.floating.form-group-password .password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-group.floating.form-group-password .password-toggle:disabled{opacity:.45;cursor:not-allowed}.password-input-wrap{position:relative;width:100%}.password-input-wrap .form-input{padding-right:2.75rem}.password-input-wrap .password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:.375rem;background:transparent;color:var(--color-text-secondary,#a1a1aa);cursor:pointer;transition:color .15s ease,background .15s ease}.password-input-wrap .password-toggle:hover:not(:disabled){color:var(--color-text-primary,#fff);background:rgba(255,255,255,.06)}.password-input-wrap .password-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.account-form .password-input-wrap .password-toggle{color:rgba(255,255,255,.55)}.account-form .password-input-wrap .password-toggle:hover:not(:disabled){color:#fff}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.88);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-modal-container{position:relative;width:100%;max-width:1000px;max-height:90vh;background-color:var(--color-surface-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.auth-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:36px;height:36px;background-color:var(--color-surface-elevated);border:none;border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .15s ease}.auth-modal-close:hover{background-color:rgba(255,255,255,.2)}.auth-modal-close:active{opacity:.85}.auth-modal-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.auth-modal-content{overflow-y:auto;max-height:90vh;padding:0}.auth-modal-content .login-container{min-height:auto}.auth-modal-content .login-card{box-shadow:none;background:transparent}@media (max-width:768px){.auth-modal-overlay{padding:1rem}.auth-modal-container{max-width:920px;max-height:90vh;border-radius:var(--radius-xl)}.auth-modal-content .login-container{padding:1rem .75rem}}@media (max-width:640px){.auth-modal-overlay{padding:0;display:flex}.auth-modal-container{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.auth-modal-content .login-container{padding:1.5rem 1rem}}@media (max-width:480px){.auth-modal-content .login-container{padding:1rem .75rem}}