@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&display=swap";:root{--color-primary: #FF4D00;--color-primary-hover: #E64500;--color-primary-active: #CC3D00;--color-secondary: #1A1A2E;--color-secondary-hover: #475569;--color-accent: #FF6B35;--color-background: #0F0F1A;--color-background-alt: #16162A;--color-text: #F0F0F5;--color-text-muted: #9A9AB0;--color-border: #2A2A45;--color-error: #FF4757;--color-error-light: rgba(255, 71, 87, .12);--color-success: #2ED573;--color-success-light: rgba(46, 213, 115, .12);--color-warning: #FFA502;--color-warning-light: rgba(255, 165, 2, .12);--color-info: var(--color-primary);--color-info-light: rgba(59, 130, 246, .12);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family-primary: "Inter", sans-serif;--font-family-heading: "Montserrat", sans-serif;--font-size-xs: .75rem;--font-size-sm: .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-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 50px rgba(0, 0, 0, .6);--transition-fast: .15s;--transition-base: .2s;--transition-slow: .3s;--transition-ease: ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base) var(--transition-ease);text-decoration:none;white-space:nowrap}.btn:disabled,.btn.btn-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn-ghost{background-color:transparent;color:var(--color-text);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-background-alt)}.btn-danger{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn-md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg)}.btn-full-width{width:100%}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin .6s linear infinite}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.btn-icon svg{display:block;width:1.125em;height:1.125em;flex-shrink:0}.btn-text{display:inline-flex;align-items:center;line-height:1.2}.icon-btn-label{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);-moz-column-gap:var(--spacing-sm);column-gap:var(--spacing-sm);flex-wrap:nowrap;line-height:1.2}.icon-btn-label .btn-icon svg,.icon-btn-label>svg{display:block;width:1.125em;height:1.125em;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.required-indicator{color:var(--color-error);margin-left:var(--spacing-xs)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--spacing-md);color:var(--color-text-muted);pointer-events:none}.input-with-icon .form-input{padding-left:calc(var(--spacing-md) * 2 + var(--spacing-sm))}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base) var(--transition-ease)}.form-input:focus,.form-input:focus-visible{outline:none;border-color:var(--color-border);box-shadow:none}.form-input:disabled{background-color:var(--color-background-alt);cursor:not-allowed;opacity:.6}.form-input-error{border-color:var(--color-error)}.form-input-error:focus,.form-input-error:focus-visible{border-color:var(--color-error);box-shadow:none;outline:none}.form-error-message{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:100px;transition:all var(--transition-base) var(--transition-ease);font-family:inherit}.form-textarea:focus,.form-textarea:focus-visible{outline:none;border-color:var(--color-border);box-shadow:none}.form-textarea:disabled{background-color:var(--color-background-alt);cursor:not-allowed;opacity:.6}.form-textarea-error{border-color:var(--color-error)}.form-textarea-error:focus,.form-textarea-error:focus-visible{border-color:var(--color-error);box-shadow:none;outline:none}.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base) var(--transition-ease);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-md) * 2 + var(--spacing-sm))}.form-select:focus,.form-select:focus-visible{outline:none;border-color:var(--color-border);box-shadow:none}.form-select:disabled{background-color:var(--color-background-alt);cursor:not-allowed;opacity:.6}.form-select-error{border-color:var(--color-error)}.form-select-error:focus,.form-select-error:focus-visible{border-color:var(--color-error);box-shadow:none;outline:none}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base) var(--transition-ease)}.card:hover{box-shadow:var(--shadow-md)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-image-wrapper{width:100%;overflow:hidden}.card-image{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.card-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-xs)}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.card-body{padding:var(--spacing-md)}.card-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);background-color:var(--color-background-alt)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-md);animation:fadeIn var(--transition-base) var(--transition-ease)}.modal-content{background-color:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:auto;z-index:var(--z-modal);animation:slideUp var(--transition-base) var(--transition-ease)}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:600px}.modal-lg{width:100%;max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-base) var(--transition-ease)}.modal-close:hover{background-color:var(--color-background-alt);color:var(--color-text)}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);justify-content:flex-end}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.table-wrapper{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.table-header{background-color:var(--color-background-alt)}.table-header .table-cell{font-weight:var(--font-weight-bold);color:var(--color-text);text-align:left;padding:var(--spacing-md);border-bottom:2px solid var(--color-border)}.table-row{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-base) var(--transition-ease)}.table-row:hover{background-color:var(--color-background-alt)}.table-row-clickable{cursor:pointer}.table-cell{padding:var(--spacing-md);color:var(--color-text)}.table-empty{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl)!important}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge-default{background-color:var(--color-background-alt);color:var(--color-text)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.badge-info{background-color:var(--color-info-light);color:var(--color-info)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.alert-content{flex:1}.alert-message{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-normal)}.alert-close{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);color:inherit;opacity:.7;transition:opacity var(--transition-base) var(--transition-ease)}.alert-close:hover{opacity:1}.alert-info{background-color:var(--color-info-light);color:var(--color-info);border:1px solid var(--color-info)}.alert-success{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.alert-warning{background-color:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning)}.alert-error{background-color:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.spinner{display:inline-block;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);animation:spin .6s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-md{width:24px;height:24px;border-width:3px}.spinner-lg{width:32px;height:32px;border-width:4px}.spinner-inner{width:100%;height:100%}.tabs{width:100%}.tabs-header{display:flex;border-bottom:1px solid var(--color-border);gap:var(--spacing-md)}.tab-item{background:none;border:none;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-base) var(--transition-ease);position:relative;bottom:-1px}.tab-item:hover{color:var(--color-text)}.tab-item-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs-content{padding:var(--spacing-lg)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.pagination-prev,.pagination-next{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base) var(--transition-ease)}.pagination-prev:hover:not(:disabled),.pagination-next:hover:not(:disabled){background-color:var(--color-background-alt);border-color:var(--color-primary)}.pagination-prev:disabled,.pagination-next:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:var(--spacing-xs)}.pagination-item{min-width:40px;height:40px;padding:var(--spacing-sm);font-size:var(--font-size-base);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base) var(--transition-ease)}.pagination-item:hover:not(:disabled){background-color:var(--color-background-alt);border-color:var(--color-primary)}.pagination-item-active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-item-active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pagination-ellipsis{cursor:default;pointer-events:none}.pagination-ellipsis:hover{background-color:var(--color-background);border-color:var(--color-border)}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);background-color:var(--color-text);color:#fff;border-radius:var(--radius-md);white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none;animation:fadeIn var(--transition-base) var(--transition-ease)}.tooltip-top .tooltip-content{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-xs)}.tooltip-bottom .tooltip-content{top:100%;left:50%;transform:translate(-50%);margin-top:var(--spacing-xs)}.tooltip-left .tooltip-content{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--spacing-xs)}.tooltip-right .tooltip-content{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-xs)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center}.empty-state-icon{margin-bottom:var(--spacing-lg);color:var(--color-text-muted);font-size:3rem}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);max-width:400px}.empty-state-action{margin-top:var(--spacing-md)}@media (max-width: 768px){.modal-content{max-width:95vw;margin:var(--spacing-sm)}.table-wrapper{overflow-x:auto}.tabs-header{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-item{white-space:nowrap}.pagination{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus,input:focus-visible,input[type=number]:focus,input[type=number]:focus-visible,input[type=search]:focus,input[type=search]:focus-visible,input[type=email]:focus,input[type=email]:focus-visible,input[type=password]:focus,input[type=password]:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:none;box-shadow:none}button:not(.unstyled):has(svg,.MuiSvgIcon-root,.btn-icon),[role=button]:not(.unstyled):has(svg,.MuiSvgIcon-root,.btn-icon),a:is([class*=btn],[class*=Btn],[class*=cart],[class*=Cart],[class*=cta],[class*=CTA],[class*=purchase],[class*=add-to],.icon-btn-label):has(svg,.MuiSvgIcon-root,.btn-icon){display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);-moz-column-gap:var(--spacing-sm);column-gap:var(--spacing-sm);flex-wrap:nowrap;vertical-align:middle}.btn-icon:not(:last-child){margin-inline-end:var(--spacing-sm)}button:has(svg,.MuiSvgIcon-root,.btn-icon)>.btn-icon,.btn>.btn-icon,.icon-btn-label>.btn-icon{margin-inline-end:0}button:not(.unstyled) svg,button:not(.unstyled) .MuiSvgIcon-root,[role=button]:not(.unstyled) svg,[role=button]:not(.unstyled) .MuiSvgIcon-root,a[class*=btn] svg,a[class*=btn] .MuiSvgIcon-root,a[class*=cart] svg,a[class*=cart] .MuiSvgIcon-root,a[class*=cta] svg,a[class*=cta] .MuiSvgIcon-root,a[class*=purchase] svg,a[class*=purchase] .MuiSvgIcon-root,a[class*=add-to] svg,a[class*=add-to] .MuiSvgIcon-root,.icon-btn-label svg,.icon-btn-label .MuiSvgIcon-root,.btn svg,.btn .MuiSvgIcon-root,.btn-icon svg,.btn-icon .MuiSvgIcon-root{display:block;width:1.125em;height:1.125em;flex-shrink:0;font-size:1.125em}html,body,#root{min-height:100vh}#root{display:flex;flex-direction:column}main{flex:1 0 auto}.section-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:#0f0f1aeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg)}.header-logo{display:flex;align-items:center;gap:var(--spacing-xs);text-decoration:none;color:var(--color-text)}.header-logo-icon{color:var(--color-primary);font-size:2rem!important}.header-logo-text{font-family:var(--font-family-heading);font-weight:800;font-size:var(--font-size-xl);letter-spacing:-.5px}.site-nav{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-fast)}.nav-link:hover,.nav-link--active{color:var(--color-text)}.nav-link--active{background:#ff4d001a;color:var(--color-primary)}.nav-cta-btn{background:var(--color-primary);color:#fff;text-decoration:none;font-weight:600;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);transition:var(--transition-fast)}.nav-cta-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.nav-toggle{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--spacing-xs)}@media (max-width: 768px){.nav-toggle{display:flex}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-background-alt);flex-direction:column;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);gap:var(--spacing-xs)}.site-nav.nav-open{display:flex}.nav-link{padding:var(--spacing-sm);width:100%;text-align:center}.nav-cta-btn{text-align:center;width:100%;padding:var(--spacing-sm)}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.hero-bg-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f0f1aeb,#0f0f1ab3,#0f0f1ad9)}.hero-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:120px var(--spacing-lg) var(--spacing-2xl)}.hero-badge{display:inline-block;background:#ff4d0026;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);border:1px solid rgba(255,77,0,.3);margin-bottom:var(--spacing-lg);animation:fadeInUp .6s ease-out}.hero-title{font-family:var(--font-family-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:var(--spacing-md);color:var(--color-text);animation:fadeInUp .6s ease-out .1s both}.hero-accent{color:var(--color-primary)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:560px;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl);animation:fadeInUp .6s ease-out .2s both}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-2xl);animation:fadeInUp .6s ease-out .3s both}.hero-stats{display:flex;gap:var(--spacing-2xl);animation:fadeInUp .6s ease-out .4s both}.hero-stat{display:flex;flex-direction:column}.hero-stat-number{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:800;color:var(--color-primary)}.hero-stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (max-width: 768px){.hero-content{padding:100px var(--spacing-md) var(--spacing-xl)}.hero-stats{gap:var(--spacing-lg)}}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-tag{display:inline-block;background:#ff4d001f;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm)}.section-title{font-family:var(--font-family-heading);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:var(--color-text);margin-bottom:var(--spacing-sm)}.section-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:640px;margin:0 auto;line-height:var(--line-height-relaxed)}.page-hero-mini{padding:120px var(--spacing-lg) var(--spacing-xl);text-align:center;background:var(--color-background-alt);border-bottom:1px solid var(--color-border)}.page-hero-mini h1{font-family:var(--font-family-heading);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--color-text);margin-bottom:var(--spacing-sm)}.page-hero-mini p{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.features-section{padding:var(--spacing-2xl) 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.feature-card{background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);transition:var(--transition-base)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#ff4d004d}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ff4d001f;color:var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.feature-card h3{font-family:var(--font-family-heading);font-weight:700;font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-xs)}.feature-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}@media (max-width: 1023px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.features-grid{grid-template-columns:1fr}}.facilities-section{padding:var(--spacing-2xl) 0;background:var(--color-background-alt)}.facilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.facility-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3 / 2;cursor:pointer}.facility-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--transition-slow)}.facility-card:hover .facility-img{transform:scale(1.05)}.facility-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,15,26,.9) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-lg)}.facility-overlay h3{font-family:var(--font-family-heading);font-weight:700;font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-xs)}.facility-overlay p{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width: 767px){.facilities-grid{grid-template-columns:1fr}}.testimonials-section{padding:var(--spacing-2xl) 0}.testimonial-carousel{display:flex;align-items:center;gap:var(--spacing-md);max-width:740px;margin:0 auto}.testimonial-nav{background:var(--color-background-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-full);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.testimonial-nav:hover{background:var(--color-primary);border-color:var(--color-primary)}.testimonial-card{flex:1;background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center}.testimonial-stars{display:flex;justify-content:center;gap:2px;margin-bottom:var(--spacing-md)}.testimonial-star{color:var(--color-warning)!important;font-size:1.25rem!important}.testimonial-quote{font-size:var(--font-size-base);color:var(--color-text);line-height:var(--line-height-relaxed);font-style:italic;margin-bottom:var(--spacing-lg)}.testimonial-author{display:flex;flex-direction:column;gap:2px}.testimonial-name{font-weight:600;color:var(--color-text)}.testimonial-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.testimonial-dots{display:flex;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-lg)}.testimonial-dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-border);border:none;cursor:pointer;transition:var(--transition-fast)}.testimonial-dot--active{background:var(--color-primary);width:28px}@media (max-width: 767px){.testimonial-nav{display:none}}.faq-section{padding:var(--spacing-2xl) 0}.faq-list{max-width:740px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.faq-item{background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-fast)}.faq-item--open{border-color:#ff4d004d}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;color:var(--color-text);font-size:var(--font-size-base);font-weight:600;text-align:left;cursor:pointer;gap:var(--spacing-md)}.faq-chevron{color:var(--color-text-muted);transition:var(--transition-fast);flex-shrink:0}.faq-item--open .faq-chevron{transform:rotate(180deg);color:var(--color-primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item--open .faq-answer{max-height:300px}.faq-answer p{padding:0 var(--spacing-lg) var(--spacing-md);color:var(--color-text-muted);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.cta-section{padding:var(--spacing-2xl) 0;background:var(--color-background-alt)}.cta-inner{max-width:700px;margin:0 auto;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);background:linear-gradient(135deg,#ff4d001a,#ff6b350d);border:1px solid rgba(255,77,0,.2);border-radius:var(--radius-xl)}.cta-inner h2{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--spacing-sm)}.cta-inner p{color:var(--color-text-muted);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.plans-section{padding:var(--spacing-2xl) 0}.billing-toggle{gap:var(--spacing-xs);margin-bottom:var(--spacing-2xl);background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:4px;display:inline-flex;margin-left:auto;margin-right:auto;display:flex;justify-content:center}.billing-btn{background:none;border:none;color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-lg);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.billing-btn--active{background:var(--color-primary);color:#fff}.billing-save{font-size:var(--font-size-xs);background:#2ed57333;color:var(--color-success);padding:2px 8px;border-radius:var(--radius-full)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);align-items:start}.plan-card{background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);position:relative;transition:var(--transition-base)}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card--popular{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-lg)}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:700;padding:4px 16px;border-radius:var(--radius-full);display:flex;align-items:center;gap:4px;white-space:nowrap}.plan-name{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:800;color:var(--color-text);margin-bottom:var(--spacing-xs)}.plan-desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:var(--spacing-lg)}.plan-amount{font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:900;color:var(--color-text)}.plan-interval{font-size:var(--font-size-sm);color:var(--color-text-muted)}.plan-features{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.plan-features li{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.plan-check{color:var(--color-success)!important;flex-shrink:0;margin-top:2px}.plan-cta{width:100%}@media (max-width: 1023px){.plans-grid{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto}}.schedule-section{padding:var(--spacing-2xl) 0}.day-tabs{display:flex;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.day-tab{background:var(--color-background-alt);border:1px solid var(--color-border);color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.day-tab:hover{color:var(--color-text);border-color:var(--color-text-muted)}.day-tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.schedule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.class-card{background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition-fast)}.class-card:hover{border-color:#ff4d004d;transform:translateY(-2px)}.class-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.class-name{font-family:var(--font-family-heading);font-weight:700;font-size:var(--font-size-base);color:var(--color-text)}.class-details{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.class-details span{display:flex;align-items:center;gap:4px;color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width: 767px){.schedule-grid{grid-template-columns:1fr}}.trainers-section{padding:var(--spacing-2xl) 0}.trainers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.trainer-card{background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;transition:var(--transition-base)}.trainer-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.trainer-img-wrap{width:200px;flex-shrink:0}.trainer-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.trainer-info{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.trainer-info h3{font-family:var(--font-family-heading);font-weight:700;font-size:var(--font-size-lg);color:var(--color-text)}.trainer-role{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600}.trainer-bio{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.trainer-specialties{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.trainer-exp{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:auto}@media (max-width: 1023px){.trainers-grid{grid-template-columns:1fr}}@media (max-width: 767px){.trainer-card{flex-direction:column}.trainer-img-wrap{width:100%;height:220px}}.contact-section{padding:var(--spacing-2xl) 0}.contact-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--spacing-2xl);align-items:start}.contact-form,.contact-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-info-card{display:flex;gap:var(--spacing-md);align-items:flex-start;background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.contact-info-icon{color:var(--color-primary)!important;font-size:1.5rem!important;flex-shrink:0;margin-top:2px}.contact-info-card h4{font-family:var(--font-family-heading);font-weight:700;font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:2px}.contact-info-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.contact-success{text-align:center;padding:var(--spacing-2xl)}.contact-success h2{font-family:var(--font-family-heading);font-weight:800;color:var(--color-success);margin-bottom:var(--spacing-sm)}.contact-success p{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}@media (max-width: 767px){.contact-layout{grid-template-columns:1fr}}.checkout-page{padding:100px 0 var(--spacing-2xl)}.checkout-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--spacing-lg);transition:var(--transition-fast)}.checkout-back:hover{color:var(--color-primary)}.checkout-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:var(--spacing-2xl);align-items:start}.checkout-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkout-form h2{font-family:var(--font-family-heading);font-weight:800;font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-xs)}.checkout-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.checkout-api-error{color:var(--color-error);font-size:var(--font-size-sm);background:var(--color-error-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.checkout-test-notice{color:var(--color-primary);font-size:var(--font-size-sm);background:var(--color-background-alt);border:1px dashed var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.checkout-submit{margin-top:var(--spacing-sm)}.checkout-summary{background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);position:sticky;top:100px}.checkout-summary h3{font-family:var(--font-family-heading);font-weight:700;font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-lg)}.checkout-summary-plan{display:flex;flex-direction:column;gap:4px;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.checkout-plan-name{font-weight:700;color:var(--color-text);font-size:var(--font-size-base)}.checkout-plan-interval{color:var(--color-text-muted);font-size:var(--font-size-sm)}.checkout-summary-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.checkout-summary-total span:first-child{color:var(--color-text-muted);font-weight:600}.checkout-total-price{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary)}.checkout-secure{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-xs)}.checkout-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-lg)}.checkout-empty h2{font-family:var(--font-family-heading);font-weight:800;color:var(--color-text)}.checkout-empty p{color:var(--color-text-muted)}@media (max-width: 767px){.checkout-layout,.checkout-row{grid-template-columns:1fr}.checkout-summary{position:static}}.payment-result-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-background)}.payment-result-card{width:100%;max-width:28rem;margin:0 auto;padding:var(--spacing-2xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.payment-result-card h1,.payment-result-card h2,.payment-result-card p{margin:0;width:100%;text-align:center}.payment-result-card h1{font-family:var(--font-family-heading);font-weight:800;font-size:var(--font-size-xl);color:var(--color-text)}.payment-result-card p{color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.payment-result-icon{font-size:3.5rem!important;margin-bottom:var(--spacing-sm)}.payment-result-icon--success{color:var(--color-success)}.payment-result-icon--cancel{color:var(--color-text-muted)}.payment-result-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;align-items:center;width:100%;margin-top:var(--spacing-md)}.notfound-404{font-family:var(--font-family-heading);font-size:5rem;font-weight:900;color:var(--color-primary);line-height:1;margin:0}.site-footer{flex-shrink:0;background:var(--color-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) 0 0}.footer-inner{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg) var(--spacing-xl);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:var(--spacing-2xl)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-heading);font-weight:800;font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-sm)}.footer-logo-icon{color:var(--color-primary)!important}.footer-tagline{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);max-width:300px}.footer-links-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-links-group h4{font-family:var(--font-family-heading);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.footer-links-group a{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-fast)}.footer-links-group a:hover{color:var(--color-primary)}.footer-links-group span{color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.footer-bottom{border-top:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.footer-bottom p{color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (max-width: 767px){.footer-inner{grid-template-columns:1fr;gap:var(--spacing-xl)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.section-container{padding:0 var(--spacing-md)}.page-hero-mini{padding:100px var(--spacing-md) var(--spacing-lg)}}.site-header .header-inner,header .header-inner{position:relative}.site-header .nav-toggle,.site-header .menu-toggle,header .nav-toggle,header .menu-toggle,.navbar .nav-toggle,.navbar .menu-toggle,.nav-toggle,.menu-toggle{display:none!important}.site-nav,header .site-nav,.site-header .site-nav,.header-nav,header .header-nav,.main-nav,header .main-nav{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md, 1.25rem);flex-wrap:wrap}@media (max-width: 768px){.site-header .nav-toggle,.site-header .menu-toggle,header .nav-toggle,header .menu-toggle,.navbar .nav-toggle,.navbar .menu-toggle,.nav-toggle,.menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:var(--spacing-sm, .5rem);margin:0;border:none;background:transparent;cursor:pointer;color:inherit}.site-nav:not(.nav-open),header .site-nav:not(.nav-open),.header-nav:not(.nav-open),.main-nav:not(.nav-open){display:none!important}.site-nav.nav-open,header .site-nav.nav-open,.header-nav.nav-open,.main-nav.nav-open{display:flex!important;flex-direction:column;align-items:stretch;gap:var(--spacing-sm, .5rem);position:absolute;top:100%;left:0;right:0;z-index:var(--z-dropdown, 1000);padding:var(--spacing-md, 1rem);background:var(--color-background, #fff);border-bottom:1px solid var(--color-border, #e5e7eb);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .08))}.site-nav.nav-open .nav-link,.header-nav.nav-open .nav-link,.main-nav.nav-open .nav-link{width:100%;text-align:left;padding:var(--spacing-sm, .5rem) 0}}