.page-container{width:100%;max-width:100%;margin:0 auto;padding:var(--spacing-screen);padding-bottom:calc(var(--height-tabbar) + var(--spacing-screen));min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--spacing-screen);box-sizing:border-box;position:relative;-webkit-overflow-scrolling:touch}.page-container-sm{max-width:560px}.page-container-md{max-width:720px}.page-container-lg{max-width:960px}.page-container-xl{max-width:1200px}.page-container-full{max-width:100%}@media (max-width: 1023px){.page-container-sm,.page-container-md,.page-container-lg,.page-container-xl{max-width:100%;width:100%;box-sizing:border-box}.page-container{padding-left:var(--spacing-screen);padding-right:var(--spacing-screen)}}.page-header{height:var(--height-header);background-color:var(--color-bg-card);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-screen);margin-bottom:var(--spacing-screen);position:relative}.page-header-title{font-family:var(--font-family-heading);font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);position:absolute;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;white-space:nowrap;letter-spacing:-.02em}.page-header>button,.page-header>.btn{position:absolute;left:var(--spacing-screen);z-index:1}.inline-alert{padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);animation:slideIn var(--transition-fast) var(--transition-timing)}.inline-alert-primary,.variant-primary{background-color:var(--color-brand-light);border:var(--border-width) solid var(--color-brand);color:var(--color-brand)}.inline-alert-success,.variant-success{background-color:var(--color-success-light);border:var(--border-width) solid var(--color-success);color:var(--color-success)}.inline-alert-warning,.variant-warning{background-color:var(--color-warning-light);border:var(--border-width) solid var(--color-warning);color:var(--color-warning)}.inline-alert-error,.inline-alert-danger,.variant-danger{background-color:var(--color-danger-light);border:var(--border-width) solid var(--color-danger);color:var(--color-danger)}.inline-alert-info,.variant-info{background-color:var(--color-info-light);border:var(--border-width) solid var(--color-info);color:var(--color-info)}.inline-alert-muted,.variant-muted{background-color:var(--color-surface-tertiary);border:var(--border-width) solid var(--color-border);color:var(--color-text-muted)}.inline-alert-message{font-size:var(--font-body);flex:1}.inline-alert-close{background:none;border:none;color:inherit;cursor:pointer;padding:calc(var(--space-sm) / 2);font-size:var(--font-heading);line-height:1;opacity:.7;transition:opacity var(--transition-fast) var(--transition-timing);display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.inline-alert-close:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-size:var(--font-body);font-weight:var(--font-weight-semibold);font-family:inherit;cursor:pointer;transition:all var(--transition-normal) var(--transition-timing-smooth);box-sizing:border-box;text-decoration:none;white-space:nowrap;outline:none}.btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.btn:active,.btn:focus:active,.btn:focus-visible:active,.btn:hover:active{outline:none!important;-webkit-tap-highlight-color:transparent!important;border-color:transparent!important}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-content{display:flex;align-items:center;gap:var(--space-sm);color:inherit}.btn-sm{height:36px;padding:0 var(--space-sm);font-size:var(--font-caption);min-height:44px}.btn-md{height:var(--height-button);padding:0 var(--space-md);font-size:var(--font-body);min-height:44px}.btn-lg{height:56px;padding:0 var(--space-lg);font-size:var(--font-heading);min-height:44px}.btn-primary,.variant-primary{background:linear-gradient(90deg,var(--color-brand) 0%,var(--color-brand-secondary) 100%);color:#fff!important;border:none;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled),.variant-primary:hover:not(:disabled){background:linear-gradient(90deg,var(--color-brand-hover) 0%,var(--color-brand-secondary-hover) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary:active:not(:disabled),.variant-primary:active:not(:disabled),button.btn-primary:active:not(:disabled),.btn-primary:focus:active:not(:disabled),.btn-primary:focus-visible:active:not(:disabled),.btn-primary:hover:active:not(:disabled),button.btn-primary:focus:active:not(:disabled),button.btn-primary:focus-visible:active:not(:disabled),button.btn-primary:hover:active:not(:disabled){transform:translateY(.5px) scale(.99)!important;box-shadow:0 2px 4px #0000004d,0 0 8px var(--color-brand-glow-soft)!important;background:linear-gradient(90deg,var(--color-brand-active) 0%,var(--color-brand-secondary-active) 100%)!important;outline:none!important;border:none!important;-webkit-tap-highlight-color:transparent!important;color:#fff!important}.btn-secondary,.variant-secondary{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled),.variant-secondary:hover:not(:disabled){background-color:var(--color-surface-tertiary);border-color:var(--color-brand)}.btn-secondary:active:not(:disabled),.variant-secondary:active:not(:disabled){background-color:var(--color-surface-tertiary);opacity:.9;outline:none}.btn-success,.variant-success{background-color:var(--color-success);color:var(--color-text-inverse);border:none}.btn-success:hover:not(:disabled),.variant-success:hover:not(:disabled){background-color:var(--color-success);opacity:.9;transform:translateY(-1px)}.btn-success:active:not(:disabled),.variant-success:active:not(:disabled){transform:translateY(0);opacity:.9;outline:none}.btn-danger,.variant-danger{background-color:var(--color-danger);color:var(--color-text-inverse);border:none}.btn-danger:hover:not(:disabled),.variant-danger:hover:not(:disabled){background-color:var(--color-danger);opacity:.9;transform:translateY(-1px)}.btn-danger:active:not(:disabled),.variant-danger:active:not(:disabled){transform:translateY(0);opacity:.9;outline:none}.btn-warning,.variant-warning{background-color:var(--color-warning);color:var(--color-text-inverse);border:none}.btn-warning:hover:not(:disabled),.variant-warning:hover:not(:disabled){background-color:var(--color-warning);opacity:.9;transform:translateY(-1px)}.btn-warning:active:not(:disabled),.variant-warning:active:not(:disabled){transform:translateY(0);opacity:.9;outline:none}.btn-ghost,.variant-ghost{background-color:transparent;color:var(--color-text);border:none}.btn-ghost:hover:not(:disabled),.variant-ghost:hover:not(:disabled){background-color:var(--color-surface-tertiary)}.btn-ghost:active:not(:disabled),.variant-ghost:active:not(:disabled){opacity:.9;outline:none}.btn-muted,.variant-muted{background-color:var(--color-surface-tertiary);color:var(--color-text-secondary);border:none}.btn-muted:hover:not(:disabled),.variant-muted:hover:not(:disabled){background-color:var(--color-surface-tertiary);opacity:.8}.btn-muted:active:not(:disabled),.variant-muted:active:not(:disabled){opacity:.9;outline:none}.btn-link,.variant-link{background-color:transparent;color:var(--color-brand);border:none;padding:0;height:auto;min-height:44px}.btn-link:hover:not(:disabled),.variant-link:hover:not(:disabled){color:var(--color-brand-hover);text-decoration:underline}.btn-link:active:not(:disabled),.variant-link:active:not(:disabled){opacity:.9;outline:none}.btn-full-width{width:100%}@media (max-width: 767px){.btn{width:100%;min-height:44px;padding:0 var(--space-md)}.btn-sm{min-height:44px;padding:0 var(--space-md)}}.btn-loading,.btn[aria-busy=true]{cursor:wait}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.card{border-radius:var(--radius-md);transition:all var(--transition-fast) var(--transition-timing);box-sizing:border-box}.styles-grid .card,.styles-grid .style-card,.card.style-card{animation:none!important;opacity:1!important;transform:none!important;will-change:auto!important}.card-solid,.variant-solid{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border)}.card-outline,.variant-outline{background-color:transparent;border:var(--border-width) solid var(--color-border)}.card-ghost,.variant-ghost{background-color:transparent;border:none}.card-elevated,.variant-elevated{background-color:var(--color-surface-elevated);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-md)}.card-p-xs{padding:var(--space-xs)}.card-p-sm{padding:var(--space-sm)}.card-p-md{padding:var(--space-md)}.card-p-lg{padding:var(--space-lg)}.card-p-xl{padding:var(--space-xl)}.card-gap-xs{gap:var(--space-xs)}.card-gap-sm{gap:var(--space-sm)}.card-gap-md{gap:var(--space-md)}.card-gap-lg{gap:var(--space-lg)}.card-header{margin-bottom:var(--space-md)}.card-title{font-family:var(--font-family-heading);font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-xs) 0;letter-spacing:-.02em}.card-subtitle{font-size:var(--font-caption);color:var(--color-text-secondary);margin:0}.card-body{width:100%}.card-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width) solid var(--color-divider)}.card:not(.card-interactive):not(.stat-card):not([class*=stat]):active{transform:none}.card-selected{border-color:var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-light),var(--shadow-brand-md);transform:translateY(-2px)}.card-interactive{cursor:pointer;transition:all var(--transition-normal) var(--transition-timing-smooth)}.card-interactive:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-brand-lg);border-color:var(--color-brand)}.card-interactive:active{transform:none}.input{width:100%;padding:var(--space-sm);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-body);font-family:inherit;background-color:var(--color-surface);color:var(--color-text);box-sizing:border-box;transition:all var(--transition-normal) var(--transition-timing-smooth)}.input:hover:not(:disabled){border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand-glow-soft)}.input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-light),0 0 10px var(--color-brand-glow-soft);transform:scale(1.01)}.input::placeholder{color:var(--color-text-muted)}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-surface-tertiary)}.input-muted,.variant-muted{background-color:var(--color-surface-tertiary);border-color:var(--color-border)}.input-success,.variant-success{border-color:var(--color-success)}.input-success:focus,.variant-success:focus{box-shadow:0 0 0 2px var(--color-success-light)}.input-danger,.variant-danger{border-color:var(--color-danger)}.input-danger:focus,.variant-danger:focus{box-shadow:0 0 0 2px var(--color-danger-light)}.input-sm{padding:var(--space-xs);font-size:var(--font-caption)}.input-md{padding:var(--space-sm);font-size:var(--font-body)}.input-lg{padding:var(--space-md);font-size:var(--font-heading)}.form-field{margin-bottom:var(--spacing-screen);width:100%}.form-field-label{display:block;font-size:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-base)}.form-field-required{color:var(--color-error);margin-left:calc(var(--spacing-base) / 2)}.form-field-input{width:100%}.form-field-help{font-size:var(--font-caption);color:var(--color-text-muted);margin:calc(var(--spacing-base) / 2) 0 0 0}.form-field-error-text{font-size:var(--font-caption);color:var(--color-error);margin:calc(var(--spacing-base) / 2) 0 0 0}.form-field-error .form-field-input input,.form-field-error .form-field-input textarea,.form-field-error .form-field-input select{border-color:var(--color-error)}.form-field-error .form-field-input input:focus,.form-field-error .form-field-input textarea:focus,.form-field-error .form-field-input select:focus{border-color:var(--color-error);box-shadow:0 0 0 2px #ff6a6a33}.grid{display:grid;width:100%;box-sizing:border-box}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-gap-sm{gap:var(--spacing-base)}.grid-gap-md{gap:var(--spacing-screen)}.grid-gap-lg{gap:calc(var(--spacing-screen) * 1.5)}@media (min-width: 768px){.grid-cols-md-1{grid-template-columns:repeat(1,1fr)}.grid-cols-md-2{grid-template-columns:repeat(2,1fr)}.grid-cols-md-3{grid-template-columns:repeat(3,1fr)}.grid-cols-md-4{grid-template-columns:repeat(4,1fr)}.grid-cols-md-5{grid-template-columns:repeat(5,1fr)}.grid-cols-md-6{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1024px){.grid-cols-lg-1{grid-template-columns:repeat(1,1fr)}.grid-cols-lg-2{grid-template-columns:repeat(2,1fr)}.grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}.grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}.grid-cols-lg-5{grid-template-columns:repeat(5,1fr)}.grid-cols-lg-6{grid-template-columns:repeat(6,1fr)}}.section{margin-bottom:var(--spacing-screen)}.section-no-card{padding:0}.section-title{font-family:var(--font-family-heading);font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-screen) 0;letter-spacing:-.02em}.section-subtitle{font-size:var(--font-caption);color:var(--color-text-secondary);margin:0 0 var(--spacing-screen) 0}.section-body{width:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-screen);animation:fadeIn var(--transition-normal) var(--transition-timing-smooth)}.modal-content{background-color:var(--color-bg-card);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border);max-width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn var(--transition-normal) var(--transition-timing-smooth);box-shadow:0 8px 32px #00000080,0 0 40px var(--color-brand-glow-weak);transform-origin:center}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:500px}.modal-lg{width:100%;max-width:700px}.modal-xl{width:100%;max-width:900px}.modal-full{width:100%;max-width:100%;height:100%;max-height:100vh;border-radius:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-screen);border-bottom:var(--border-width) solid var(--color-border)}.modal-title{font-family:var(--font-family-heading);font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;letter-spacing:-.02em}.modal-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:calc(var(--spacing-base) / 2);font-size:var(--font-heading);line-height:1;opacity:.7;transition:opacity var(--transition-fast) var(--transition-timing)}.modal-close:hover{opacity:1}.modal-body{padding:var(--spacing-screen)}.tabs{width:100%}.tabs-list{display:flex;gap:var(--space-xs);border-bottom:var(--border-width) solid var(--color-border);margin-bottom:var(--space-md)}.tabs-default .tabs-list{gap:var(--space-md)}.tabs-pills .tabs-list{gap:var(--space-sm);border-bottom:none}.tabs-tab{position:relative;padding:var(--space-sm) var(--space-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--font-body);font-weight:var(--font-weight-regular);font-family:inherit;cursor:pointer;transition:all var(--transition-fast) var(--transition-timing);outline:none;min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.tabs-tab:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.tabs-tab:hover:not(:disabled){color:var(--color-text)}.tabs-tab-active{color:var(--color-text);border-bottom-color:var(--color-brand);font-weight:var(--font-weight-semibold)}.tabs-pills .tabs-tab{border-bottom:none;border-radius:var(--radius-md);background-color:transparent;color:var(--color-text-secondary)}.tabs-pills .tabs-tab-active{background:linear-gradient(90deg,var(--color-brand) 0%,var(--color-brand-secondary) 100%);border-bottom:none;color:#fff;box-shadow:0 0 10px var(--color-brand-glow-medium)}.tabs-icon{display:flex;align-items:center;justify-content:center}.tabs-label{display:flex;align-items:center}.tabs-content{width:100%}@media (max-width: 767px){.tabs-tab{flex:1;padding:var(--space-sm) var(--space-sm);min-height:44px}}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.badge-sm{padding:2px var(--space-sm);font-size:var(--font-caption);line-height:1.2}.badge-md{padding:4px var(--space-md);font-size:var(--font-caption);line-height:1.3}.badge-lg{padding:6px var(--space-lg);font-size:var(--font-body);line-height:1.4}.badge-primary,.variant-primary{background-color:var(--color-brand-light);color:var(--color-brand);border:var(--border-width) solid var(--color-brand)}.badge-success,.variant-success{background-color:var(--color-success-light);color:var(--color-success);border:var(--border-width) solid var(--color-success)}.badge-warning,.variant-warning{background-color:var(--color-warning-light);color:var(--color-warning);border:var(--border-width) solid var(--color-warning)}.badge-danger,.variant-danger{background-color:var(--color-danger-light);color:var(--color-danger);border:var(--border-width) solid var(--color-danger)}.badge-info,.variant-info{background-color:var(--color-info-light);color:var(--color-info);border:var(--border-width) solid var(--color-info)}.badge-secondary,.variant-secondary{background-color:var(--color-surface-tertiary);color:var(--color-text-secondary);border:var(--border-width) solid var(--color-border)}.badge-muted,.variant-muted{background-color:var(--color-surface-tertiary);color:var(--color-text-muted);border:var(--border-width) solid var(--color-border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--spacing-screen) * 3) var(--spacing-screen);text-align:center}.empty-state-icon{margin-bottom:var(--spacing-screen);opacity:.5}.empty-state-icon svg{width:64px;height:64px;color:var(--color-text-muted)}.empty-state-title{font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-base) 0}.empty-state-description{font-size:var(--font-body);color:var(--color-text-secondary);margin:0 0 var(--spacing-screen) 0;max-width:400px}.empty-state-action{margin-top:var(--spacing-screen)}.price{font-weight:var(--font-weight-semibold);color:var(--color-text)}.price-sm{font-size:var(--font-body)}.price-md{font-size:20px}.price-lg{font-size:28px}.stat{display:flex;align-items:center;gap:var(--spacing-screen);padding:var(--spacing-screen);border-radius:var(--radius-card);background-color:var(--color-bg-card);border:var(--border-width) solid var(--color-border);cursor:default}.stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-button);background-color:#ffffff0d;flex-shrink:0}.stat-icon svg{width:20px;height:20px;color:var(--color-text-secondary)}.stat-content{flex:1;min-width:0}.stat-value{font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:calc(var(--spacing-base) / 2)}.stat-label{font-size:var(--font-caption);color:var(--color-text-secondary)}.stat-success .stat-value{color:var(--color-success)}.stat-warning .stat-value{color:var(--color-warning)}.stat-error .stat-value{color:var(--color-error)}.key-value{display:flex;gap:var(--spacing-screen)}.key-value-inline{flex-direction:row;align-items:center;justify-content:space-between}.key-value-stacked{flex-direction:column;gap:calc(var(--spacing-base) / 2)}.key-value-label{font-size:var(--font-caption);color:var(--color-text-secondary);margin:0}.key-value-value{font-size:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.key-value-inline .key-value-value{text-align:right}.card-section{margin-bottom:var(--spacing-screen)}.card-section-title{font-family:var(--font-family-heading);font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 calc(var(--spacing-base) / 2) 0;letter-spacing:-.02em}.card-section-subtitle{font-size:var(--font-caption);color:var(--color-text-secondary);margin:0}.cta-section{background:linear-gradient(135deg,var(--color-brand-light) 0%,var(--color-brand-secondary-light) 100%);border-color:var(--color-brand)}.cta-section-title{font-family:var(--font-family-heading);font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--spacing-base) 0;letter-spacing:-.02em}.cta-section-description{font-size:var(--font-body);color:var(--color-text-secondary);margin:0}.product-card{transition:all var(--transition-normal) var(--transition-timing-smooth);position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left var(--transition-slow) var(--transition-timing);z-index:0;pointer-events:none}.product-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--color-brand);box-shadow:var(--shadow-brand-lg),0 0 30px var(--color-brand-glow-strong)}.product-card:hover:before{left:100%}.product-card-highlighted{border:var(--border-width-thick) solid var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-light),var(--shadow-lg);position:relative;transform:translateY(-2px)}.product-card-highlighted:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-brand) 0%,var(--color-brand-secondary) 100%);opacity:.1;z-index:-1;pointer-events:none}.product-card-title{font-family:var(--font-family-heading);font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-sm) 0;letter-spacing:-.02em}.product-card-meta{font-size:var(--font-caption);color:var(--color-text-secondary)}.product-card-price,.product-card-features{margin-bottom:var(--space-md)}.product-card-features ul{list-style:none;padding:0;margin:0}.product-card-features li{padding:var(--space-sm) 0;font-size:var(--font-body);color:var(--color-text-secondary);border-bottom:var(--border-width) solid var(--color-border)}.product-card-features li:last-child{border-bottom:none}.product-card-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-width) solid var(--color-divider)}.accordion{width:100%}.accordion-item{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);margin-bottom:var(--space-md);background-color:var(--color-surface);overflow:hidden;transition:all var(--transition-fast) var(--transition-timing)}.accordion-item:last-child{margin-bottom:0}.accordion-item-open{border-color:var(--color-brand)}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;transition:all var(--transition-fast) var(--transition-timing);outline:none;min-height:44px}.accordion-trigger:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.accordion-trigger:hover{background-color:var(--color-surface-tertiary)}.accordion-title{font-size:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--color-text);flex:1}.accordion-icon{font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-brand);width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast) var(--transition-timing)}.accordion-item-open .accordion-icon{transform:rotate(180deg)}.accordion-content{padding:0 var(--space-md) var(--space-md);font-size:var(--font-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);animation:slideDown var(--transition-normal) var(--transition-timing)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}@media (max-width: 767px){.accordion-trigger{padding:var(--space-md);min-height:44px}}.lazy-image-loading{display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-app);position:relative}.lazy-image-loading:before{content:"";width:32px;height:32px;border:3px solid rgba(232,91,239,.2);border-top-color:var(--color-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lazy-image{display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);min-height:200px;color:var(--color-text-secondary);font-size:var(--font-caption)}.lazy-image-loading{background:linear-gradient(90deg,var(--color-bg-card) 0%,rgba(255,255,255,.05) 50%,var(--color-bg-card) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.lazy-image-error{background-color:#ff6a6a1a;border-color:var(--color-error);color:var(--color-error)}.lazy-image-loaded{min-height:auto;background:transparent;border:none;display:block;width:100%;height:auto;object-fit:contain}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.theme-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.theme-toggle svg{width:20px;height:20px;transition:transform var(--transition-fast) var(--transition-timing)}.theme-toggle:hover svg{transform:rotate(15deg)}.plan-feature-adult-mode{display:flex;align-items:center;gap:8px;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.plan-feature-emoji{font-size:1.1em;font-weight:var(--font-weight-bold);color:var(--color-brand);flex-shrink:0;display:inline-block;line-height:1}.deposit-card{text-align:center}.deposit-features{display:flex;flex-direction:column;gap:calc(var(--spacing-base) / 2)}.current-plan-card{margin-bottom:var(--spacing-screen)}.current-plan-title{font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-screen) 0}.current-plan-content{display:flex;flex-direction:column;gap:var(--spacing-base)}.current-plan-name{font-size:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.current-plan-details{font-size:var(--font-caption);color:var(--color-text-secondary);margin:0}.current-plan-feature{font-size:var(--font-caption);color:var(--color-success);margin:0}.mt-md{margin-top:var(--spacing-screen)}.billing-summary{position:sticky!important;top:var(--space-md)!important;z-index:10!important;margin-bottom:var(--space-md)!important;border:2px solid var(--color-brand)!important;box-shadow:0 4px 12px #0000001a,0 0 0 1px var(--color-brand-light)!important;background:linear-gradient(135deg,var(--color-brand-light) 0%,var(--color-brand-secondary-light) 100%)!important;padding:0!important;border-radius:12px!important}.billing-summary .card-body{padding:20px 24px!important}.billing-summary-content{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:24px!important;width:100%!important}.billing-summary-info{display:flex!important;align-items:center!important;justify-content:center!important;gap:32px!important;flex:1!important;flex-wrap:wrap!important}.billing-summary-stat{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;min-width:0!important;text-align:center!important}.billing-summary-label{font-size:14px!important;font-weight:600!important;color:var(--color-text-secondary)!important;white-space:nowrap!important;text-transform:uppercase!important;letter-spacing:.5px!important;opacity:.8!important;margin:0!important;line-height:1.2!important}.billing-summary-value{font-size:32px!important;font-weight:700!important;color:var(--color-brand)!important;line-height:1.2!important;white-space:nowrap!important;text-shadow:0 2px 4px rgba(0,0,0,.1)!important;margin:0!important}.billing-summary-value-warning{color:var(--color-warning)!important;text-shadow:0 2px 4px rgba(251,191,36,.3)!important}.billing-summary-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}.billing-summary-badge{font-size:12px!important;padding:4px 8px!important}.billing-summary-primary-action{width:auto!important;min-width:120px!important}.billing-summary-cancel{font-size:13px!important;padding:6px 12px!important}@media (min-width: 768px){.billing-summary .card-body{padding:24px 32px!important}.billing-summary-content{gap:32px!important}.billing-summary-info{gap:48px!important}.billing-summary-label{font-size:15px!important}.billing-summary-value{font-size:40px!important}.billing-summary-actions{flex-direction:row!important;align-items:center!important}}@media (min-width: 1024px){.billing-summary .card-body{padding:28px 40px!important}.billing-summary-value{font-size:48px!important}.billing-summary-label{font-size:16px!important}}.billing-summary-panel{position:sticky;top:var(--spacing-screen);z-index:10;margin-bottom:var(--spacing-screen)}.billing-summary-content{display:flex;flex-direction:column;gap:var(--spacing-screen)}.billing-summary-info{display:flex;flex-wrap:wrap;gap:var(--spacing-screen);align-items:center}.billing-summary-stat{display:flex;flex-direction:column;gap:calc(var(--spacing-base) / 2);min-width:80px}.billing-summary-label{font-size:var(--font-caption);color:var(--color-text-secondary)}.billing-summary-value{font-size:var(--font-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.billing-summary-value-warning{color:var(--color-warning)}.billing-summary-actions{display:flex;flex-direction:column;gap:var(--spacing-base)}.billing-summary-badge{align-self:flex-start}.billing-summary-primary-action{width:100%}.billing-summary-cancel{align-self:flex-start}@media (min-width: 768px){.billing-summary-content{flex-direction:row;align-items:center;justify-content:space-between}.billing-summary-info{flex:1;gap:calc(var(--spacing-screen) * 1.5)}.billing-summary-actions{flex-direction:row;align-items:center;gap:var(--spacing-screen);flex-shrink:0}.billing-summary-primary-action{width:auto;min-width:160px}}.confirm-modal-content{display:flex;flex-direction:column;gap:var(--space-md)}.confirm-modal-title{font-family:var(--font-family-heading);font-size:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;letter-spacing:-.02em}.confirm-modal-description{font-size:var(--font-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.confirm-modal-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.confirm-modal-cancel,.confirm-modal-confirm{flex:1}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{padding:var(--space-sm) 0;font-size:var(--font-body);color:var(--color-text-secondary);border-bottom:var(--border-width) solid var(--color-border)}.plan-features li:last-child{border-bottom:none}.plan-duration{font-size:var(--font-caption);color:var(--color-text-secondary)}.plan-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%}.plan-recommended-badge{flex-shrink:0}.product-card-highlighted{border:var(--border-width-thick) solid var(--color-brand);box-shadow:0 0 0 2px var(--color-brand-light),var(--shadow-lg);position:relative}.product-card-highlighted:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-hover) 100%);opacity:.1;z-index:-1}.deposit-features{display:flex;flex-direction:column;gap:calc(var(--space-sm) / 2)}.deposit-credits{font-size:var(--font-body);color:var(--color-text-secondary)}.deposit-bonus{font-size:var(--font-caption);color:var(--color-success)}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}