.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}
.tf-grid-pattern{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px}.tf-hero-glow{background:radial-gradient(70% 50% at 50% 40%,#3b82f61f 0%,#06b6d40a 40%,#0000 70%)}.tf-glow-left{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute}.tf-glow-right{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#06b6d414 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute}.tf-glow-center{background:radial-gradient(60% 60%,#3b82f61a 0%,#06b6d40a 40%,#0000 70%)}.tf-glass{-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff0f}.tf-glass-accent{-webkit-backdrop-filter:blur(12px);background:#3b82f60f;border:1px solid #3b82f61f}.tf-gradient-text{background:linear-gradient(135deg,#eaecf0 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tf-gradient-text-blue{background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tf-connector-h{background:linear-gradient(90deg,#3b82f64d 0%,#06b6d41a 100%)}.tf-card-gradient{background:#0d0f16;border-radius:16px;position:relative;overflow:hidden}.tf-card-gradient:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#3b82f633,#06b6d41a,#0000);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tf-stat-glow{text-shadow:0 0 40px #3b82f64d}.tf-terminal{font-family:var(--font-mono);background:#0006;border:1px solid #ffffff0f}
.tf-grid-pattern{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px}.tf-hero-glow{background:radial-gradient(70% 50% at 50% 40%,#3b82f61f 0%,#06b6d40a 40%,#0000 70%)}.tf-glow-left{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute}.tf-glow-right{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#06b6d414 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute}.tf-glow-center{background:radial-gradient(60% 60%,#3b82f61a 0%,#06b6d40a 40%,#0000 70%)}.tf-glass{-webkit-backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff0f}.tf-glass-accent{-webkit-backdrop-filter:blur(12px);background:#3b82f60f;border:1px solid #3b82f61f}.tf-gradient-text{background:linear-gradient(135deg,#eaecf0 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tf-gradient-text-blue{background:linear-gradient(135deg,#3b82f6 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tf-card-gradient{background:#0d0f16;border-radius:16px;position:relative;overflow:hidden}.tf-card-gradient:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#3b82f633,#06b6d41a,#0000);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tf-stat-glow{text-shadow:0 0 40px #3b82f64d}.tf-badge-coming-soon{background:linear-gradient(135deg,#3b82f626,#06b6d41a);border:1px solid #3b82f633}
.kp-grid-pattern{background-image:linear-gradient(#0f172a08 1px,#0000 1px),linear-gradient(90deg,#0f172a08 1px,#0000 1px);background-size:64px 64px}.kp-hero-glow{background:radial-gradient(60% 50% at 50% 30%,#6366f114 0%,#06b6d408 40%,#0000 70%)}.kp-glow-section{background:radial-gradient(70% 50%,#6366f10a 0%,#0000 70%)}.kp-cta-glow{background:radial-gradient(80% 60%,#6366f10f 0%,#0000 70%)}.kp-nav-blur{-webkit-backdrop-filter:blur(16px);background:#ffffffd9}.kp-bg-gradient{background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%)}.kp-bg-icon{background:linear-gradient(135deg,#6366f11a 0%,#06b6d40f 100%)}.kp-glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #0f172a0f}.kp-glass-accent{-webkit-backdrop-filter:blur(12px);background:#6366f10f;border:1px solid #6366f11f}@layer utilities{.kp-card{background:#fff;border:1px solid #0f172a0f;transition:box-shadow .2s,border-color .2s;box-shadow:0 1px 3px #0f172a0a}.kp-card:hover{border-color:#6366f126;box-shadow:0 4px 16px #0f172a14}}.kp-card-gradient{background:#fff;border-radius:16px;position:relative;overflow:hidden}.kp-card-gradient:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#6366f14d,#06b6d426,#0000);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.kp-gradient-text-accent{background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kp-range-poor{color:#ef4444;background:#ef44440f;border:1px solid #ef44441f}.kp-range-fair{color:#f59e0b;background:#f59e0b0f;border:1px solid #f59e0b1f}.kp-range-good{color:#6366f1;background:#6366f10f;border:1px solid #6366f11f}.kp-range-excellent{color:#06b6d4;background:#06b6d40f;border:1px solid #06b6d41f}

.template-v2{--radius:1rem}
.template-v3{--radius:0px}.template-v3 .font-display{font-family:var(--font-heading)}.template-v3 .burst-star{clip-path:polygon(50% 0%,61% 12%,75% 5%,76% 22%,92% 22%,84% 36%,100% 50%,84% 64%,92% 78%,76% 78%,75% 95%,61% 88%,50% 100%,39% 88%,25% 95%,24% 78%,8% 78%,16% 64%,0% 50%,16% 36%,8% 22%,24% 22%,25% 5%,39% 12%)}.template-v3 ::selection{background-color:var(--accent);color:var(--foreground)}
.template-v7{--radius:24px}.template-v7 .pill{border-radius:9999px}.template-v7 .signature{font-family:var(--font-heading);letter-spacing:-.02em;font-style:italic}.template-v7 ::selection{background-color:var(--accent);color:var(--foreground)}
@layer utilities{.tag{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;line-height:1.4;font-family:var(--font-body);border:1px solid;justify-content:center;align-items:center;padding:3px 8px 2px;display:inline-flex}}

.bg-section-peach{background-color:#ffcdaf}.bg-section-sage{background-color:#aecab9}.bg-section-lavender{background-color:#e0c8f8}.bg-section-salmon{background-color:#ffc39f}.bg-section-teal{background-color:#b9dfe1}
@layer utilities{.shadow-brutal{box-shadow:7px 7px 0px 0px var(--foreground)}.shadow-brutal-lg{box-shadow:8px 12px 0px 0px var(--foreground)}.shadow-brutal-inset{box-shadow:inset -5px -8px 0px 0px var(--foreground)}}
@layer utilities{.shadow-brutal{box-shadow:7px 7px 0px 0px var(--foreground)}.shadow-brutal-left{box-shadow:-7px 7px 0px 0px var(--foreground)}.shadow-brutal-lg{box-shadow:8px 12px 0px 0px var(--foreground)}.shadow-brutal-inset{box-shadow:inset -5px -8px 0px 0px var(--foreground)}}
@layer utilities{.shadow-brutal{box-shadow:7px 7px 0px 0px var(--foreground)}.shadow-brutal-lg{box-shadow:8px 12px 0px 0px var(--foreground)}.shadow-brutal-inset{box-shadow:inset -5px -8px 0px 0px var(--foreground)}}