@layer components{.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-radius:var(--radius-pill);font-family:var(--ff-body);font-size:var(--fs-base);font-weight:var(--fw-medium);cursor:pointer;transition:transform var(--duration-fast)var(--ease-out),background var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);border:none;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{--_bg:var(--t-primary);background:var(--_bg);color:oklch(from var(--_bg)clamp(0,(.6 - l)*100,1)0 0);box-shadow:var(--t-shadow-sm)}.btn-primary:hover{--_bg:var(--t-primary-dark);box-shadow:var(--t-shadow-md)}.btn-secondary{background:var(--t-surface);color:var(--t-text);box-shadow:inset 0 0 0 1px var(--t-border)}.btn-secondary:hover{background:var(--t-bg);box-shadow:inset 0 0 0 1px var(--t-border-strong)}.btn-ghost{color:var(--t-text-soft);background:0 0}.btn-ghost:hover{background:var(--t-border);color:var(--t-text)}.btn-brand{--_bg:var(--t-brand-primary);background:var(--_bg);color:oklch(from var(--_bg)clamp(0,(.6 - l)*100,1)0 0);box-shadow:var(--t-shadow-sm)}.btn-brand:hover{--_bg:var(--t-brand-primary-dark);box-shadow:var(--t-shadow-md)}.btn-attractor{--_bg:var(--t-brand-primary);background:linear-gradient(135deg,oklch(from var(--_bg)l c h/.95),oklch(from var(--_bg)calc(l - .05)c h/1));color:oklch(from var(--_bg)clamp(0,(.55 - l)*100,1)0 0);border:1.5px solid oklch(from var(--_bg)calc(l + .1)c h/.5);box-shadow:0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 rgba(255,255,255,.15);animation:1s step-end infinite attractor-pulse;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.btn-attractor{box-shadow:0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 lab(100% 0 0/.15)}}@keyframes attractor-pulse{0%,85%,to{box-shadow:0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 rgba(255,255,255,.15)}14%{box-shadow:0 0 0 3px oklch(from var(--_bg)calc(l + .15)c h/.25),0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 rgba(255,255,255,.15)}28%{box-shadow:0 0 0 3px oklch(from var(--_bg)calc(l + .15)c h/.25),0 0 0 7px oklch(from var(--_bg)calc(l + .15)c h/.15),0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 rgba(255,255,255,.15)}42%,50%{box-shadow:0 0 0 3px oklch(from var(--_bg)calc(l + .15)c h/.25),0 0 0 7px oklch(from var(--_bg)calc(l + .15)c h/.15),0 0 0 12px oklch(from var(--_bg)calc(l + .15)c h/.075),0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 rgba(255,255,255,.15)}57%{box-shadow:0 0 0 3px oklch(from var(--_bg)calc(l + .15)c h/.25),0 0 0 7px oklch(from var(--_bg)calc(l + .15)c h/.15),0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 rgba(255,255,255,.15)}71%{box-shadow:0 0 0 3px oklch(from var(--_bg)calc(l + .15)c h/.25),0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 rgba(255,255,255,.15)}}@supports (color:lab(0% 0 0)){@keyframes attractor-pulse{0%,85%,to{box-shadow:0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 lab(100% 0 0/.15)}14%{box-shadow:0 0 0 3px oklch(from var(--_bg)calc(l + .15)c h/.25),0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 lab(100% 0 0/.15)}28%{box-shadow:0 0 0 3px oklch(from var(--_bg)calc(l + .15)c h/.25),0 0 0 7px oklch(from var(--_bg)calc(l + .15)c h/.15),0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 lab(100% 0 0/.15)}42%,50%{box-shadow:0 0 0 3px oklch(from var(--_bg)calc(l + .15)c h/.25),0 0 0 7px oklch(from var(--_bg)calc(l + .15)c h/.15),0 0 0 12px oklch(from var(--_bg)calc(l + .15)c h/.075),0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 lab(100% 0 0/.15)}57%{box-shadow:0 0 0 3px oklch(from var(--_bg)calc(l + .15)c h/.25),0 0 0 7px oklch(from var(--_bg)calc(l + .15)c h/.15),0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 lab(100% 0 0/.15)}71%{box-shadow:0 0 0 3px oklch(from var(--_bg)calc(l + .15)c h/.25),0 0 20px oklch(from var(--_bg)l c h/.25),0 4px 12px oklch(from var(--_bg)l c h/.15),inset 0 1px 0 lab(100% 0 0/.15)}}}.btn-attractor:before{content:"";border-radius:inherit;opacity:.15;filter:url(#noiseFilter);mix-blend-mode:overlay;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.btn-attractor:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);background:linear-gradient(90deg,transparent 0%,lab(100% 0 0/.2) 50%,transparent 100%);animation:4s ease-in-out infinite attractor-shine;position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%;transform:rotate(25deg)translate(-100%)}@keyframes attractor-shine{0%,to{transform:rotate(25deg)translate(-100%)}50%{transform:rotate(25deg)translate(100%)}}.btn-attractor:hover{box-shadow:0 0 45px oklch(from var(--_bg)l c h/.5),0 16px 40px oklch(from var(--_bg)l c h/.35),0 6px 16px oklch(from var(--_bg)l c h/.25),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 4px oklch(from var(--_bg)calc(l - .15)c h/.3);animation:none;transform:translateY(-3px)scale(1.02)}@supports (color:lab(0% 0 0)){.btn-attractor:hover{box-shadow:0 0 45px oklch(from var(--_bg)l c h/.5),0 16px 40px oklch(from var(--_bg)l c h/.35),0 6px 16px oklch(from var(--_bg)l c h/.25),inset 0 1px 0 lab(100% 0 0/.2),inset 0 -1px 4px oklch(from var(--_bg)calc(l - .15)c h/.3)}}.btn-attractor:active{box-shadow:0 0 25px oklch(from var(--_bg)l c h/.35),0 8px 20px oklch(from var(--_bg)l c h/.25),0 2px 8px oklch(from var(--_bg)l c h/.2),inset 0 2px 4px rgba(0,0,0,.1);transform:translateY(-1px)scale(1)}@supports (color:lab(0% 0 0)){.btn-attractor:active{box-shadow:0 0 25px oklch(from var(--_bg)l c h/.35),0 8px 20px oklch(from var(--_bg)l c h/.25),0 2px 8px oklch(from var(--_bg)l c h/.2),inset 0 2px 4px lab(0% 0 0/.1)}}@media (prefers-reduced-motion:reduce){.btn-attractor{animation:none}.btn-attractor:after{animation:none;display:none}}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--fs-sm)}.btn-lg{padding:var(--space-4)var(--space-6);font-size:var(--fs-lg)}.card{background:var(--t-surface);border:1px solid var(--t-border);border-radius:var(--radius-l);box-shadow:var(--t-shadow-sm);overflow:hidden}.card-body{padding:var(--space-5)}.card-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--t-border)}.card-footer{padding:var(--space-4)var(--space-5);border-top:1px solid var(--t-border);background:var(--t-bg)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.03em;display:inline-flex}.badge-default{background:var(--t-bg);color:var(--t-text-soft)}.badge-primary{--_bg:var(--t-primary);background:var(--_bg);color:oklch(from var(--_bg)clamp(0,(.6 - l)*100,1)0 0)}.badge-success{--_bg:var(--t-success-light);background:var(--_bg);color:oklch(from var(--_bg)clamp(0,(.6 - l)*100,1)0 0)}.badge-error{--_bg:var(--t-error-light);background:var(--_bg);color:oklch(from var(--_bg)clamp(0,(.6 - l)*100,1)0 0)}.badge-warning{--_bg:var(--t-warning-light);background:var(--_bg);color:oklch(from var(--_bg)clamp(0,(.6 - l)*100,1)0 0)}.input{width:100%;padding:var(--space-3)var(--space-4);border:1px solid var(--t-border);border-radius:var(--radius-m);font-family:var(--ff-body);font-size:var(--fs-base);background:var(--t-surface);color:var(--t-text);transition:border-color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out)}.input::-ms-input-placeholder{color:var(--t-text-muted)}.input::placeholder{color:var(--t-text-muted)}.input:focus{border-color:var(--t-primary);box-shadow:0 0 0 3px var(--t-focus);outline:none}.input-error{border-color:var(--t-error)}.input-error:focus{box-shadow:0 0 0 3px oklch(from var(--t-error)l c h/.2)}.label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--t-text);margin-bottom:var(--space-2);display:block}.help-text{font-size:var(--fs-sm);color:var(--t-text-soft);margin-top:var(--space-1)}.error-text{font-size:var(--fs-sm);color:var(--t-error);margin-top:var(--space-1)}.crystal-panel{width:100%;max-width:520px;padding:var(--space-4);border-radius:var(--radius-panel);background:linear-gradient(160deg,oklch(from var(--t-surface)l c h/var(--crystal-surface-alpha,.5))0%,oklch(from var(--t-surface)l c h/calc(var(--crystal-surface-alpha,.5)*.35))100%);-webkit-backdrop-filter:blur(var(--crystal-blur,8px))saturate(140%)brightness(1.08);box-shadow:0 25px 50px -12px rgba(0,0,0,.4),0 4px 12px -4px rgba(0,0,0,.3),inset 0 0 0 1px oklch(from var(--t-border)l c h/.35),inset 0 1px 0 0 rgba(255,255,255,.1),inset 0 calc(var(--crystal-inner-glow-size,80px)*-1)var(--crystal-inner-glow-size,80px)calc(var(--crystal-inner-glow-size,80px)*-.3)oklch(from var(--t-primary)l c h/var(--crystal-inner-glow-intensity,.12)),inset 0 var(--crystal-inner-glow-size,80px)var(--crystal-inner-glow-size,80px)calc(var(--crystal-inner-glow-size,80px)*-.3)oklch(from var(--t-brand-primary)l c h/calc(var(--crystal-inner-glow-intensity,.12)*.6));color:var(--t-text);gap:var(--space-4);text-align:center;flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;display:flex;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.crystal-panel{box-shadow:0 25px 50px -12px lab(0% 0 0/.4),0 4px 12px -4px lab(0% 0 0/.3),inset 0 0 0 1px oklch(from var(--t-border)l c h/.35),inset 0 1px 0 0 lab(100% 0 0/.1),inset 0 calc(var(--crystal-inner-glow-size,80px)*-1)var(--crystal-inner-glow-size,80px)calc(var(--crystal-inner-glow-size,80px)*-.3)oklch(from var(--t-primary)l c h/var(--crystal-inner-glow-intensity,.12)),inset 0 var(--crystal-inner-glow-size,80px)var(--crystal-inner-glow-size,80px)calc(var(--crystal-inner-glow-size,80px)*-.3)oklch(from var(--t-brand-primary)l c h/calc(var(--crystal-inner-glow-intensity,.12)*.6))}}.crystal-panel:before{content:"";border-radius:inherit;opacity:var(--crystal-noise-opacity,.08);filter:url(#noiseFilter);mix-blend-mode:overlay;pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.crystal-panel:after{content:"";border-radius:inherit;z-index:1;pointer-events:none;opacity:var(--crystal-sheen-opacity,0);background:linear-gradient(125deg,transparent calc(50% - var(--crystal-sheen-softness,25%)),oklch(from var(--t-primary)calc(l + .15)c h/.7)48%,oklch(from var(--t-brand-primary)calc(l + .1)c h/.5)52%,transparent calc(50% + var(--crystal-sheen-softness,25%)));animation:crystal-sheen-move var(--crystal-sheen-speed,8s)ease-in-out infinite alternate;mix-blend-mode:screen;background-size:250% 250%;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes crystal-sheen-move{0%{background-position:0 0}to{background-position:100% 100%}}.crystal-panel>*{z-index:2;position:relative}@media (min-width:520px){.crystal-panel{padding:var(--space-6)}}.crystal-panel h1{text-align:center;margin:0;font-size:max(1.5rem,min(5vw,2rem))}.crystal-panel>p{text-align:center;margin-top:var(--space-1);margin-bottom:0}.crystal-panel--light{--t-crystal-surface-l:95%;--t-crystal-surface-alpha:.15}.crystal-panel--dark{--t-crystal-surface-l:20%;--t-crystal-surface-alpha:.4}.choice-grid{gap:var(--space-5)var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(2,1fr);justify-items:center;display:grid}@media (min-width:480px){.choice-grid{gap:var(--space-6)var(--space-4);grid-template-columns:repeat(3,1fr)}}.choice-btn{align-items:center;gap:var(--space-2);font-family:var(--ff-body);color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;padding:0;display:flex}.choice-btn-icon{width:72px;height:72px;transition:transform var(--duration-fast)var(--ease-out),background var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);background:rgba(99,99,99,.08);background:lab(42% 0 0/.08);border:1px solid rgba(99,99,99,.12);border:1px solid lab(42% 0 0/.12);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;line-height:1;display:flex}.choice-btn:hover .choice-btn-icon{background:rgba(99,99,99,.12);background:lab(42% 0 0/.12);border-color:rgba(99,99,99,.2);border-color:lab(42% 0 0/.2);transform:translateY(-2px)scale(1.08)}.choice-btn:active .choice-btn-icon{background:rgba(99,99,99,.15);background:lab(42% 0 0/.15);transform:scale(.95)}.choice-btn:focus-visible .choice-btn-icon{outline:2px solid var(--t-focus,#2784d5);outline-offset:2px}@supports (color:lab(0% 0 0)){.choice-btn:focus-visible .choice-btn-icon{outline:2px solid var(--t-focus,lab(52.8659% -4.50641 -50.4063))}}.choice-btn[aria-pressed=true] .choice-btn-icon,.choice-btn.selected .choice-btn-icon{background:oklch(from var(--t-primary,#3b5b78)l c h/.2);border-color:oklch(from var(--t-primary,#3b5b78)l c h/.4);box-shadow:0 0 12px oklch(from var(--t-primary,#3b5b78)l c h/.25)}@supports (color:lab(0% 0 0)){.choice-btn[aria-pressed=true] .choice-btn-icon,.choice-btn.selected .choice-btn-icon{background:oklch(from var(--t-primary,lab(37.259% -5.71862 -20.0364))l c h/.2);border-color:oklch(from var(--t-primary,lab(37.259% -5.71862 -20.0364))l c h/.4);box-shadow:0 0 12px oklch(from var(--t-primary,lab(37.259% -5.71862 -20.0364))l c h/.25)}}.choice-btn-label{font-family:var(--ff-body);font-size:var(--fs-sm);font-weight:var(--fw-normal);text-align:center;line-height:var(--lh-tight);color:inherit;transition:font-weight var(--duration-fast)var(--ease-out)}.choice-btn[aria-pressed=true] .choice-btn-label,.choice-btn.selected .choice-btn-label{font-weight:var(--fw-semibold)}.is-loading{opacity:0}.is-ready{opacity:1;transition:opacity var(--duration-med,.3s)var(--ease-out,ease-out)}.eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--t-accent)}.lead{font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--t-text-soft)}.display{font-family:var(--ff-display);font-size:var(--fs-4xl);font-weight:var(--fw-medium);line-height:var(--lh-tight);color:var(--t-text)}.section-heading{font-family:var(--ff-display);font-size:var(--fs-3xl);font-weight:var(--fw-medium);line-height:var(--lh-tight);color:var(--t-text)}}