@layer theme, base, components, utilities;@layer components{.guide-page,.hv2-page,.c26-page,.w8r-page,.wcc-page{--bg: var(--color-bg);--bg-soft: var(--color-surface);--lime: var(--color-cta);--bg-lavender: var(--color-surface-brand);--grad-purple: linear-gradient(135deg, #6b43e0 0%, #4f25c8 60%, #3d1aaf 100%);--grad-lavender: linear-gradient(135deg, #eeeafb, #e2dbf6);--grad-lime: linear-gradient(135deg, #d4ff50, #a8e020);--grad-sunset: radial-gradient(120% 120% at 30% 25%, #f2a85c 0%, #e07b2e 60%, #c25e14 100%);--lavender-tint: var(--raw-lavender-pale);--danger-deep: var(--raw-danger-deep);--danger: var(--raw-danger);--danger-light: var(--raw-danger-light);--pill: var(--corner-pill);--radius-lg: var(--corner-lg);--radius-md: var(--corner-md);--s-1: var(--space-1);--s-2: var(--space-2);--s-3: var(--space-3);--s-4: var(--space-4);--s-6: var(--space-6);--s-8: var(--space-8);--s-10: var(--space-10);--s-12: var(--space-12);--s-16: var(--space-16);--lh-tight: 1.04;--lh-snug: 1.25;--lh-normal: 1.45;--lh-relaxed: 1.55}}@layer components{:root{--khc-gold: #ebd98a;--khc-gold-deep: #c9a646;--khc-blue: #3fa9f5;--khc-blue-deep: #2b86c5;--khc-bubble-in-bg: #eef1f4;--khc-bubble-in-text: #1b2733;--khc-bubble-out-bg: #cfe9ff;--khc-bubble-out-text: #0c3a63}.g-home-club{background:var(--hv2-purple-deep);color:var(--color-brand-content);position:relative;overflow:hidden}.g-home-club .hv2-club-inner{display:grid;grid-template-columns:1fr;gap:var(--hv2-s-8);align-items:center;position:relative;z-index:2}.g-home-club h2{font-size:var(--type-title);margin:var(--hv2-s-4) 0}.g-home-club h2 i{color:var(--hv2-lime)}.g-home-club p{font-size:var(--type-body);color:var(--lavender-tint);line-height:var(--hv2-lh-relaxed);max-width:540px}.g-home-club ul{margin:var(--hv2-s-6) 0 var(--hv2-s-8);max-width:560px}.g-home-club li{position:relative;padding:var(--hv2-s-3) var(--hv2-s-4) var(--hv2-s-3) 50px;font-size:var(--type-body);color:var(--color-brand-content);font-weight:500;line-height:1.4;background:color-mix(in oklab,var(--raw-white) 7%,transparent);border:1px solid color-mix(in oklab,var(--raw-white) 12%,transparent);border-radius:var(--hv2-r-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.g-home-club li:before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:var(--hv2-r-sm);background-color:color-mix(in oklab,var(--raw-white) 13%,transparent);background-repeat:no-repeat;background-position:center;background-size:13px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6L9 17l-5-5'/></svg>")}.g-home-club .hv2-club-visual{position:relative;aspect-ratio:1 / 1;max-width:340px;margin:0 auto;width:100%}.g-home-club .hv2-club-visual>*{position:absolute}.g-home-club .hv2-cv-panel{border-radius:var(--corner-xl)}.g-home-club .hv2-cv-panel-1{width:90%;height:84%;top:8%;left:5%;background:color-mix(in oklab,var(--raw-lavender) 38%,transparent);transform:rotate(-3deg);z-index:1}.g-home-club .hv2-cv-panel-2{width:40%;height:42%;bottom:4%;right:0;background:color-mix(in oklab,var(--raw-lime) 16%,transparent);transform:rotate(6deg);z-index:1}.g-home-club .hv2-cv-member{width:55%;top:12%;left:3%;background:var(--hv2-grad-purple);border-radius:var(--hv2-r-md);padding:14px 15px 13px;box-shadow:0 28px 52px color-mix(in oklab,var(--raw-ink) 50%,transparent);transform:rotate(-8deg);color:var(--color-brand-content);border:1px solid color-mix(in oklab,var(--raw-white) 16%,transparent);z-index:4}.g-home-club .hv2-cv-chip{width:30px;height:22px;border-radius:var(--corner-sm);background:linear-gradient(135deg,var(--khc-gold),var(--khc-gold-deep));margin-bottom:18px;box-shadow:inset 0 1px color-mix(in oklab,var(--raw-white) 45%,transparent)}.g-home-club .hv2-cv-club-name{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--hv2-lime);font-weight:800}.g-home-club .hv2-cv-club-title{font-size:var(--type-body);font-weight:800;letter-spacing:-.02em;margin-top:3px}.g-home-club .hv2-cv-club-mem{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,var(--raw-white) 60%,transparent);margin-top:14px}.g-home-club .hv2-cv-star{width:19%;height:19%;top:2%;right:8%;border-radius:var(--hv2-r-md);background:linear-gradient(135deg,var(--khc-gold),var(--khc-gold-deep));box-shadow:0 16px 30px color-mix(in oklab,var(--raw-ink) 32%,transparent);transform:rotate(11deg);border:2px solid var(--color-brand-content);z-index:5}.g-home-club .hv2-cv-star svg{width:56%;height:56%}.g-home-club .hv2-cv-key{width:14%;height:14%;right:2%;top:35%;border-radius:var(--corner-md);background:linear-gradient(135deg,var(--color-brand-light),var(--color-brand));box-shadow:0 14px 26px color-mix(in oklab,var(--raw-ink) 32%,transparent);transform:rotate(-14deg);z-index:6}.g-home-club .hv2-cv-key svg{width:54%;height:54%}.g-home-club .hv2-cv-lib{width:45%;bottom:0;left:-3%;background:var(--color-surface);border-radius:var(--hv2-r-md);padding:12px 13px;box-shadow:0 18px 34px color-mix(in oklab,var(--raw-ink) 25%,transparent);transform:rotate(4deg);z-index:3}.g-home-club .hv2-cv-lib-top{font-size:10px;font-weight:800;color:var(--hv2-purple)}.g-home-club .hv2-cv-lib-dot{width:11px;height:11px;border-radius:var(--corner-xs);background:var(--hv2-lime-deep);flex:none}.g-home-club .hv2-cv-lib-grid{margin:9px 0 8px}.g-home-club .hv2-cv-lib-grid span{position:relative;aspect-ratio:4 / 3;border-radius:var(--corner-xs);background:var(--hv2-lavender-pale)}.g-home-club .hv2-cv-lib-grid span.hv2-a{background:color-mix(in oklab,var(--raw-lime-deep) 40%,transparent)}.g-home-club .hv2-cv-lib-grid span:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-38%,-50%);border-style:solid;border-width:4px 0 4px 4px;border-color:transparent transparent transparent color-mix(in oklab,var(--raw-purple) 50%,transparent)}.g-home-club .hv2-cv-lib-sub{font-size:9px;font-weight:700;color:var(--hv2-ink);letter-spacing:-.01em}.g-home-club .hv2-cv-chat{width:48%;bottom:8%;right:-5%;background:var(--color-surface);border-radius:var(--hv2-r-md);padding:11px 12px;box-shadow:0 20px 38px color-mix(in oklab,var(--raw-ink) 28%,transparent);transform:rotate(-4deg);z-index:3}.g-home-club .hv2-cv-chat-head{font-size:9px;font-weight:800;color:var(--hv2-ink);margin-bottom:9px}.g-home-club .hv2-cv-tg-av{width:17px;height:17px;border-radius:var(--corner-xs);background:linear-gradient(135deg,var(--khc-blue),var(--khc-blue-deep));flex:none}.g-home-club .hv2-cv-bub{font-size:9.5px;line-height:1.3;padding:7px 9px;max-width:88%;margin-bottom:6px}.g-home-club .hv2-cv-bub.hv2-in{align-self:flex-start;background:var(--khc-bubble-in-bg);color:var(--khc-bubble-in-text);border-radius:12px 12px 12px 4px}.g-home-club .hv2-cv-bub.hv2-out{align-self:flex-end;background:var(--khc-bubble-out-bg);color:var(--khc-bubble-out-text);border-radius:12px 12px 4px;margin-bottom:0}@media (min-width: 640px){.g-home-club h2{font-size:var(--type-title)}}@media (min-width: 960px){.g-home-club .hv2-club-inner{grid-template-columns:1.1fr .9fr;gap:36px}.g-home-club .hv2-club-visual{max-width:440px}.g-home-club .hv2-cv-member{padding:18px 18px 16px}.g-home-club .hv2-cv-chip{width:36px;height:27px;margin-bottom:30px}.g-home-club .hv2-cv-club-title{font-size:var(--type-body)}}}