/* KeyHub system appearance */
:root,
html[data-theme="light"] {
  color-scheme: light;
  --background: 220 30% 99%; --canvas: 220 25% 97%; --foreground: 224 30% 14%;
  --card: 0 0% 100%; --card-foreground: 224 30% 14%; --popover: 0 0% 100%; --popover-foreground: 224 30% 14%;
  --muted: 220 23% 94%; --muted-foreground: 222 12% 43%; --border: 222 24% 89%; --input: 222 22% 83%;
  --primary: 225 77% 54%; --primary-glow: 219 86% 64%; --primary-deep: 229 62% 36%; --primary-foreground: 0 0% 100%;
  --secondary: 223 28% 94%; --secondary-foreground: 224 30% 20%; --accent: 225 77% 54%; --ring: 225 77% 54%;
  --radius: .8rem; --shadow-xs: 0 1px 2px #14244404; --shadow-sm: 0 3px 12px #14244406;
  --shadow-md: 0 12px 35px -16px #14244424; --shadow-lg: 0 22px 55px -25px #14244430;
  --shadow-primary: 0 9px 25px -12px #345debb0;
  --kh-hero-background: linear-gradient(110deg,#e9efff 0%,#edf2fe 55%,#e1eaff 100%);
  --kh-hero-foreground: #152544; --kh-hero-copy: #52617b; --kh-hero-border: #dce5fa;
  --kh-hero-art: #cad9fa; --kh-header: #fffffff0;
}
html[data-theme="dark"], html[data-theme="dark"] .admin-theme {
  color-scheme: dark;
  --background: 224 29% 7%; --canvas: 224 29% 7%; --foreground: 218 35% 94%;
  --card: 224 25% 11%; --card-foreground: 218 35% 94%; --popover: 224 25% 13%; --popover-foreground: 218 35% 94%;
  --muted: 224 23% 16%; --muted-foreground: 221 16% 69%; --border: 224 22% 22%; --input: 223 22% 30%;
  --primary: 222 100% 74%; --primary-glow: 220 100% 77%; --primary-deep: 226 74% 56%; --primary-foreground: 229 45% 12%;
  --secondary: 224 23% 16%; --secondary-foreground: 218 35% 94%; --accent: 222 100% 74%; --ring: 222 100% 74%;
  --shadow-xs: 0 1px 2px #00000010; --shadow-sm: 0 3px 12px #00000014; --shadow-md: 0 12px 35px -16px #00000080;
  --shadow-lg: 0 22px 55px -25px #000000b0; --shadow-primary: 0 9px 25px -12px #5e86fc60;
  --kh-hero-background: linear-gradient(110deg,#151f3b 0%,#172444 55%,#1c2c52 100%);
  --kh-hero-foreground: #f2f5ff; --kh-hero-copy: #b6c4de; --kh-hero-border: #2c3d60;
  --kh-hero-art: #3d527a; --kh-header: #121722f0;
}

*{box-sizing:border-box}body{margin:0;background:hsl(var(--canvas));color:hsl(var(--foreground));font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}img{max-width:100%;display:block}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid hsl(var(--primary));outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.03em;line-height:1.15}a:hover{color:hsl(var(--primary))}h1{font-size:clamp(32px,4vw,52px)}h2{font-size:clamp(24px,3vw,32px)}.kh-header{position:relative;z-index:30;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border))}.kh-header-main{max-width:1240px;padding:24px 28px;margin:auto;display:flex;align-items:center;gap:40px}.kh-brand{display:flex;align-items:center;gap:10px;font-size:24px;letter-spacing:-.04em;white-space:nowrap}.kh-brand img{width:40px;height:40px}.kh-header-main>.kh-search{flex:1}.kh-actions{display:flex;border:1px solid hsl(var(--border));border-radius:14px;flex-shrink:0}.kh-actions a{position:relative;display:grid;place-items:center;width:48px;height:48px}.kh-cart-count{position:absolute;right:1px;top:-5px;border-radius:20px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:10px;padding:1px 5px}.kh-nav{display:flex;gap:32px;align-items:center;max-width:1184px;padding:14px 0;margin:auto;font-weight:600;font-size:14px}.kh-nav-support{margin-left:auto;color:hsl(var(--muted-foreground))}.kh-menu{position:relative}.kh-category-menu{position:absolute;top:calc(100% + 20px);left:0;width:290px;padding:10px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;box-shadow:var(--shadow-lg);z-index:50}.kh-category-menu a{display:flex;justify-content:space-between;padding:13px;border-radius:8px}.kh-category-menu a:hover{background:hsl(var(--muted))}.kh-main{max-width:1240px;padding:36px 28px 72px;margin:auto}.kh-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;padding:48px;border-radius:26px;border:1px solid var(--kh-hero-border);background:var(--kh-hero-background);color:var(--kh-hero-foreground);align-items:center}.kh-hero h1{max-width:660px;margin-bottom:20px}.kh-eyebrow{font-size:11px;font-weight:750;letter-spacing:.15em;color:hsl(var(--primary));margin-bottom:18px}.kh-lead{color:var(--kh-hero-copy);font-size:17px;line-height:1.8}.kh-button{display:flex;align-items:center;justify-content:space-between;gap:24px;border-radius:12px;padding:16px 22px;min-height:52px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:650;line-height:1.4}.kh-button:hover{color:hsl(var(--primary-foreground));filter:brightness(1.08)}.kh-hero .kh-button{max-width:360px;margin-top:26px}.kh-payment-note{font-size:12px;color:var(--kh-hero-copy);margin:26px 0 0}.kh-hero-art{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kh-hero-art img{border-radius:18px;aspect-ratio:1.55;object-fit:cover;box-shadow:var(--shadow-md)}.kh-section{margin-top:60px}.kh-section-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.kh-section-title h2{margin:0}.kh-section-title>a{color:hsl(var(--primary));white-space:nowrap}.kh-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kh-categories>a{display:flex;gap:15px;justify-content:space-between;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:16px;padding:22px 18px;font-weight:600}.kh-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.kh-feature-card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:20px;overflow:hidden}.kh-feature-card>img{width:100%;aspect-ratio:2;object-fit:cover}.kh-feature-card>div{padding:22px;position:relative}.kh-feature-card small{color:hsl(var(--muted-foreground))}.kh-feature-card h3{font-size:21px;margin:12px 0 18px}.kh-feature-card strong{font-size:22px;color:hsl(var(--primary))}.kh-feature-card b{position:absolute;right:24px;bottom:24px}.kh-welcome{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:36px;margin-top:60px;background:hsl(var(--primary)/.06);border:1px solid hsl(var(--border));border-radius:24px}.kh-welcome p:last-child{margin-bottom:0}.kh-welcome .kh-button{flex-shrink:0}.kh-faq{max-width:820px;margin:60px auto 0}.kh-faq details{border-bottom:1px solid hsl(var(--border));padding:20px 0}.kh-faq summary{font-weight:650;cursor:pointer}.kh-faq details p{color:hsl(var(--muted-foreground));margin:16px 0 0}.kh-footer{background:hsl(var(--card));border-top:1px solid hsl(var(--border));padding:36px max(28px,calc((100vw - 1184px)/2))}.kh-footer-intro{max-width:550px}.kh-footer-intro p{color:hsl(var(--muted-foreground));margin:18px 0}.kh-footer-intro>a:last-child{color:hsl(var(--primary))}.kh-back{display:inline-block;color:hsl(var(--muted-foreground));margin-bottom:26px}.kh-product-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.kh-product-image{width:100%;border-radius:24px;aspect-ratio:1.7;object-fit:cover}.kh-product-details{margin-top:36px;color:hsl(var(--muted-foreground));line-height:1.8}.kh-product-details h2{color:hsl(var(--foreground));font-size:25px}.kh-product-order{padding:32px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:24px}.kh-product-order h1{font-size:36px;margin-bottom:12px}.kh-product-tag{color:hsl(var(--muted-foreground))}.kh-plan-picker{border:0;padding:0;margin:28px 0;max-height:430px;overflow:auto}.kh-plan-picker legend{font-weight:650;margin-bottom:12px}.kh-plan-picker label{display:flex;align-items:center;gap:12px;border:1px solid hsl(var(--border));padding:14px;border-radius:12px;margin:8px 2px;cursor:pointer}.kh-plan-picker input{accent-color:hsl(var(--primary))}.kh-plan-picker label>span{flex:1}.kh-plan-picker small{display:block;font-size:12px;color:hsl(var(--muted-foreground))}.kh-plan-picker b{white-space:nowrap;font-size:14px}.kh-plan-picker .is-selected{border-color:hsl(var(--primary));background:hsl(var(--primary)/.04)}.kh-product-total{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.kh-product-total strong{font-size:32px}.kh-product-order .kh-button{width:100%;margin-bottom:12px}.kh-outline{background:transparent;color:hsl(var(--foreground));border:1px solid hsl(var(--border))}.kh-outline:hover{color:hsl(var(--primary))}.kh-fine{font-size:12px;color:hsl(var(--muted-foreground));margin:18px 0 0}.kh-product-details a{color:hsl(var(--primary))}html{scroll-behavior:smooth}
@media(max-width:800px){.kh-header-main{gap:16px;flex-wrap:wrap;padding:18px 16px}.kh-brand{font-size:21px}.kh-header-main>.kh-search{order:3;flex-basis:100%}.kh-actions{margin-left:auto}.kh-nav{gap:24px;padding:14px 16px;font-size:13px}.kh-nav-support{display:none}.kh-main{padding:24px 16px 50px}.kh-hero{grid-template-columns:1fr;padding:26px 20px;gap:26px}.kh-hero h1{font-size:34px}.kh-lead{font-size:15px}.kh-hero-art{grid-template-columns:repeat(4,1fr);gap:10px}.kh-hero-art img{border-radius:10px}.kh-hero .kh-button{max-width:none}.kh-categories{grid-template-columns:repeat(2,1fr)}.kh-feature-grid{grid-template-columns:repeat(2,1fr);gap:14px}.kh-feature-card>div{padding:16px}.kh-feature-card h3{font-size:18px}.kh-feature-card strong{font-size:19px}.kh-feature-card b{display:none}.kh-welcome{display:block;padding:26px}.kh-welcome .kh-button{margin-top:24px}.kh-product-layout{grid-template-columns:1fr;gap:26px}.kh-product-layout>section:first-child{display:contents}.kh-product-details{order:3;margin-top:0}.kh-product-order{padding:24px 18px}.kh-section{margin-top:40px}.kh-section-title>a{font-size:13px}.kh-section-title h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}