:root{--template-primary: #10b981;--template-primary-rgb: 16 185 129;--template-primary-foreground: #ffffff;--template-bg: #0f172a;--template-surface: #1e293b;--template-header-bg: #0f172a;--template-header-text: #e2e8f0;--template-footer-bg: #020617;--template-footer-text: #cbd5e1;--template-heading: #f8fafc;--template-text: #e2e8f0;--template-muted: #94a3b8;--template-border: #334155;--template-add-to-cart-bg: var(--template-primary);--template-add-to-cart-text: var(--template-primary-foreground);--template-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--template-font-heading: var(--template-font-family);--template-font-button: var(--template-font-family);--template-font-intro: var(--template-font-family)}.template-modern-container{min-height:100vh;background-color:var(--template-bg);color:var(--template-text);font-family:var(--template-font-family)}.template-header{background-color:rgb(from var(--template-header-bg) r g b / .92);color:var(--template-header-text);border-color:var(--template-border)}.template-footer{background-color:var(--template-footer-bg);color:var(--template-footer-text);border-color:var(--template-border)}.template-panel{background-color:var(--template-surface);border-color:var(--template-border);color:var(--template-text)}.template-heading{color:var(--template-heading);font-family:var(--template-font-heading)}.template-body-text{color:var(--template-text)}.template-muted-text{color:var(--template-muted)}.template-intro-text{color:var(--template-muted);font-family:var(--template-font-intro)}.template-button-primary{background-color:var(--template-primary);color:var(--template-primary-foreground);font-family:var(--template-font-button)}.template-button-secondary{background-color:color-mix(in srgb,var(--template-surface) 84%,transparent);border-color:var(--template-border);color:var(--template-text);font-family:var(--template-font-button)}.template-input{background-color:color-mix(in srgb,var(--template-bg) 85%,var(--template-surface));border-color:var(--template-border);color:var(--template-text)}.template-nav-link{color:var(--template-header-text);font-family:var(--template-font-button);font-weight:700}.template-footer-heading{color:var(--template-footer-text);font-family:var(--template-font-heading);font-weight:700}.template-footer-text,.template-footer-link{color:var(--template-footer-text)}.text-template-primary{color:var(--template-primary)}.bg-template-primary{background-color:var(--template-primary)}.border-template-primary{border-color:var(--template-primary)}.text-template-primary-foreground{color:var(--template-primary-foreground)}.text-template-heading{color:var(--template-heading)}.text-template-muted{color:var(--template-muted)}.bg-template-surface{background-color:var(--template-surface)}.border-template-border{border-color:var(--template-border)}.hover\:bg-template-surface:hover{background-color:var(--template-surface)}.bg-template-bg{background-color:var(--template-bg)}.text-template-text{color:var(--template-text)}.bg-template-primary\/5{background-color:color-mix(in oklab,var(--template-primary) 5%,transparent)}.bg-template-primary\/8{background-color:color-mix(in oklab,var(--template-primary) 8%,transparent)}.bg-template-primary\/10{background-color:color-mix(in oklab,var(--template-primary) 10%,transparent)}.border-template-primary\/30{border-color:color-mix(in oklab,var(--template-primary) 30%,transparent)}.ring-template-primary\/20{--tw-ring-color: color-mix(in oklab, var(--template-primary) 20%, transparent)}.ring-template-primary\/25{--tw-ring-color: color-mix(in oklab, var(--template-primary) 25%, transparent)}.file\:bg-template-primary\/10::file-selector-button{background-color:color-mix(in oklab,var(--template-primary) 10%,transparent)}.file\:text-template-primary::file-selector-button{color:var(--template-primary)}.hover\:text-template-primary:hover{color:var(--template-primary)}.hover\:bg-template-primary\/5:hover{background-color:color-mix(in oklab,var(--template-primary) 5%,transparent)}.hover\:border-template-primary\/30:hover{border-color:color-mix(in oklab,var(--template-primary) 30%,transparent)}.hover\:border-template-primary\/40:hover{border-color:color-mix(in oklab,var(--template-primary) 40%,transparent)}.focus\:border-template-primary:focus{border-color:var(--template-primary)}.focus\:ring-template-primary\/20:focus{--tw-ring-color: color-mix(in oklab, var(--template-primary) 20%, transparent)}.focus\:ring-template-primary\/25:focus{--tw-ring-color: color-mix(in oklab, var(--template-primary) 25%, transparent)}.focus\:ring-template-primary\/30:focus{--tw-ring-color: color-mix(in oklab, var(--template-primary) 30%, transparent)}.focus\:ring-template-primary\/50:focus{--tw-ring-color: color-mix(in oklab, var(--template-primary) 50%, transparent)}.group-hover\:text-template-primary:is(:where(.group):hover *){color:var(--template-primary)}.group-hover\:bg-template-primary\/10:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--template-primary) 10%,transparent)}.group-hover\:border-template-primary\/30:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--template-primary) 30%,transparent)}.modern-glass{background:color-mix(in srgb,var(--template-surface) 70%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--template-border) 80%,transparent)}.modern-product-card{background:var(--template-surface);border:1px solid var(--template-border);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:1rem;overflow:hidden}.modern-product-card:hover{transform:translateY(-8px);border-color:var(--template-primary);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.modern-hero-gradient{background:radial-gradient(circle at top right,rgb(var(--template-primary-rgb) / .15),transparent),radial-gradient(circle at bottom left,color-mix(in srgb,var(--template-surface) 45%,transparent),transparent),var(--template-bg)}