@layer theme, base, components, utilities;@layer components{.guide-page{--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%);--grad-carrot: linear-gradient(135deg, #ffa24b 0%, #f2793a 45%, #d8531f 100%);--lavender-tint: var(--raw-lavender-pale);--danger-deep: var(--raw-danger-deep);--danger: var(--raw-danger);--danger-light: var(--raw-danger-light);--action-bg: var(--color-brand);--action-fg: var(--color-brand-content);--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)}.guide-page [data-surface=dark]{--action-bg: var(--color-cta);--action-fg: var(--color-fg)}.guide-page [data-surface=light]{--action-bg: var(--color-brand);--action-fg: var(--color-brand-content)}}@layer components{.g-trainer{padding-block:0;position:relative}.g-trainer .gt-anchor{position:absolute;top:0;height:1px;width:1px}.g-trainer[data-phase=intro]{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><g stroke='%23B9A7E8' stroke-width='0.8' opacity='0.10' stroke-linecap='round'><line x1='12' y1='10' x2='12' y2='18'/><line x1='8' y1='14' x2='16' y2='14'/><line x1='52' y1='52' x2='52' y2='60'/><line x1='48' y1='56' x2='56' y2='56'/></g></svg>") 0 0 / 80px 80px repeat,var(--grad-purple);color:var(--color-brand-content)}.g-trainer .gt-progress{position:absolute;inset-inline:0;top:0;height:5px;background:color-mix(in oklab,var(--color-brand-content) 22%,transparent)}.g-trainer[data-phase=questions] .gt-progress,.g-trainer[data-phase=result] .gt-progress{background:var(--color-surface-brand)}.g-trainer .gt-progress-fill{display:block;height:100%;background:var(--color-success);transition:width .3s ease}.g-trainer .gt-intro{text-align:center;padding-block:var(--space-12)}.g-trainer .gt-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--corner-pill);background:var(--color-cta);color:var(--color-fg);font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-50);text-transform:uppercase}.g-trainer .gt-h1{margin-top:var(--space-6);font-size:var(--type-display);font-weight:var(--fw-heavy);line-height:var(--lh-tight);letter-spacing:var(--ls-tight-25)}.g-trainer .gt-h1 i{font-family:var(--font-accent);font-style:italic;font-weight:var(--fw-medium);color:var(--color-cta)}.g-trainer .gt-greet{max-width:540px;margin:var(--space-6) auto 0;padding:var(--space-6);border-radius:var(--corner-lg);background:color-mix(in oklab,var(--color-brand-content) 8%,transparent);border:1.5px solid color-mix(in oklab,var(--color-cta) 25%,transparent)}.g-trainer .gt-greet-photo{position:relative;width:104px;height:104px;margin:0 auto var(--space-2)}.g-trainer .gt-greet-photo:after{content:"";position:absolute;inset:-6px;border-radius:var(--corner-pill);background:conic-gradient(from 220deg,var(--color-cta),var(--color-cta-deep),var(--color-cta));z-index:1}.g-trainer .gt-greet-photo img{position:relative;z-index:2;width:100%;height:100%;border-radius:var(--corner-pill);-o-object-fit:cover;object-fit:cover;border:4px solid color-mix(in oklab,var(--color-brand-deep) 50%,transparent)}.g-trainer .gt-greet-name{font-size:var(--type-body-sm);font-weight:var(--fw-heavy);color:var(--color-cta);letter-spacing:var(--ls-wide-20)}.g-trainer .gt-greet-text{margin-top:var(--space-3);font-size:var(--type-body);line-height:var(--lh-body);font-weight:var(--fw-medium);color:color-mix(in oklab,var(--color-brand-content) 92%,var(--color-brand))}.g-trainer .gt-divider{display:block;width:44px;height:3px;border-radius:var(--corner-xs);background:color-mix(in oklab,var(--color-cta) 50%,transparent);margin:var(--space-6) auto var(--space-4)}.g-trainer .gt-hook{max-width:520px;margin:0 auto;font-size:var(--type-body-lg);font-weight:var(--fw-bold);line-height:var(--lh-normal)}.g-trainer .gt-intro .gt-btn{margin-top:var(--space-6)}.g-trainer .gt-btn{width:100%;gap:var(--space-2);font-size:var(--type-body-lg);white-space:nowrap}.g-trainer .gt-btn:after{content:"→";transition:transform .15s ease}.g-trainer .gt-btn:hover:after{transform:translate(3px)}@media (min-width: 640px){.g-trainer .gt-btn{width:auto}}.g-trainer .gt-step{max-width:640px;margin-inline:auto;padding-block:var(--space-8) var(--space-12)}.g-trainer .gt-count{font-size:var(--type-caption);font-weight:var(--fw-heavy);color:var(--color-brand);letter-spacing:var(--ls-wide-40);text-transform:uppercase;margin-bottom:var(--space-3)}.g-trainer .gt-scene{background:var(--color-surface);border-radius:var(--corner-md);border-left:4px solid var(--color-brand-light);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:0 12px 34px -18px color-mix(in oklab,var(--raw-ink) 40%,transparent)}.g-trainer .gt-scene-ctx{font-size:var(--type-caption);font-weight:var(--fw-heavy);color:var(--color-muted);letter-spacing:var(--ls-wide-40);text-transform:uppercase;margin-bottom:var(--space-2)}.g-trainer .gt-scene-ctx.is-case{color:var(--color-warm)}.g-trainer .gt-scene-text{font-size:var(--type-subheading);line-height:var(--lh-normal);color:var(--color-fg-soft);font-style:italic}.g-trainer .gt-ask{font-size:var(--type-subheading);font-weight:var(--fw-heavy);line-height:var(--lh-snug);letter-spacing:var(--ls-tight-10);color:var(--color-fg);margin-bottom:var(--space-4)}.g-trainer .gt-options{display:flex;flex-direction:column;gap:var(--space-3)}.g-trainer .gt-opt{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--corner-md);background:var(--color-surface);color:var(--color-fg);font-family:inherit;font-size:var(--type-body);line-height:var(--lh-snug);cursor:pointer;transition:border-color .15s ease,background .15s ease,opacity .15s ease}.g-trainer .gt-opt:not([aria-disabled=true]):hover{border-color:var(--color-brand-light)}.g-trainer .gt-opt[aria-disabled=true]{cursor:default}.g-trainer .gt-opt-label{flex:1}.g-trainer .gt-opt-mark{flex:none;font-weight:var(--fw-heavy);line-height:var(--lh-snug)}.g-trainer .gt-opt.is-correct .gt-opt-mark{color:color-mix(in oklab,var(--color-success) 70%,var(--color-fg))}.g-trainer .gt-opt.is-wrong .gt-opt-mark{color:color-mix(in oklab,var(--color-warm) 70%,var(--color-fg))}.g-trainer .gt-opt-letter{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--corner-pill);background:var(--color-surface-brand);color:var(--color-brand);font-size:var(--type-body-sm);font-weight:var(--fw-heavy)}.g-trainer .gt-opt.is-correct{border-color:var(--color-success);background:color-mix(in oklab,var(--color-success) 8%,var(--color-surface))}.g-trainer .gt-opt.is-correct .gt-opt-letter{background:var(--color-success);color:var(--color-success-content)}.g-trainer .gt-opt.is-wrong{border-color:var(--color-warm);background:color-mix(in oklab,var(--color-warm) 10%,var(--color-surface))}.g-trainer .gt-opt.is-wrong .gt-opt-letter{background:var(--color-warm);color:var(--color-fg)}.g-trainer .gt-opt.is-dimmed{opacity:var(--fade-muted)}.g-trainer .gt-explain{margin-top:var(--space-4);border-radius:var(--corner-md);overflow:hidden;box-shadow:0 14px 40px -20px color-mix(in oklab,var(--raw-ink) 45%,transparent);animation:gt-fade .3s var(--easing-reveal)}@keyframes gt-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.g-trainer .gt-explain{animation:none}}.g-trainer .gt-explain-verdict{padding:var(--space-3) var(--space-6);font-size:var(--type-body-sm);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-20);text-transform:uppercase}.g-trainer .gt-explain.is-ok .gt-explain-verdict{background:var(--color-success);color:var(--color-success-content)}.g-trainer .gt-explain.is-no .gt-explain-verdict{background:var(--color-warm);color:var(--color-fg)}.g-trainer .gt-explain-body{background:var(--color-surface);padding:var(--space-6)}.g-trainer .gt-explain-why{font-size:var(--type-body);line-height:var(--lh-body);color:var(--color-fg-soft);margin-bottom:var(--space-4)}.g-trainer .gt-fix{background:var(--color-surface-brand);border-radius:var(--corner-sm);padding:var(--space-4);margin-bottom:var(--space-4)}.g-trainer .gt-fix-label,.g-trainer .gt-imp-label{font-size:var(--type-caption);font-weight:var(--fw-heavy);letter-spacing:var(--ls-wide-50);text-transform:uppercase;margin-bottom:var(--space-2)}.g-trainer .gt-fix-label{color:var(--color-brand)}.g-trainer .gt-fix-text{font-size:var(--type-body);line-height:var(--lh-normal);font-weight:var(--fw-semibold);color:var(--color-fg)}.g-trainer .gt-imp{background:color-mix(in oklab,var(--color-warm) 10%,var(--color-surface));border-radius:var(--corner-sm);padding:var(--space-4)}.g-trainer .gt-imp-label{color:color-mix(in oklab,var(--color-warm) 70%,var(--color-fg))}.g-trainer .gt-imp-text{font-size:var(--type-body-sm);line-height:var(--lh-normal);color:var(--color-fg-soft)}.g-trainer .gt-explain-body .gt-btn{margin-top:var(--space-6)}.g-trainer .gt-result{max-width:640px;margin-inline:auto;padding-block:var(--space-12);text-align:center}.g-trainer .gt-score{display:flex;align-items:center;justify-content:center;width:140px;height:140px;margin:0 auto var(--space-6);border-radius:var(--corner-pill);background:conic-gradient(var(--color-success) var(--gt-deg, 0deg),var(--color-surface-brand) 0deg)}.g-trainer .gt-score-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:112px;height:112px;border-radius:var(--corner-pill);background:var(--color-bg)}.g-trainer .gt-score-num{font-size:var(--type-stat);font-weight:var(--fw-heavy);line-height:var(--lh-solid);color:var(--color-fg)}.g-trainer .gt-score-of{margin-top:var(--space-1);font-size:var(--type-body-sm);font-weight:var(--fw-semibold);color:var(--color-muted)}.g-trainer .gt-result-title{font-size:var(--type-title);font-weight:var(--fw-heavy);line-height:var(--lh-tight);letter-spacing:var(--ls-tight-20);color:var(--color-fg);margin-bottom:var(--space-4)}.g-trainer .gt-result-body{max-width:540px;margin:0 auto var(--space-4);font-size:var(--type-body-lg);line-height:var(--lh-body);color:var(--color-fg-soft)}.g-trainer .gt-cta-lead{max-width:480px;margin:var(--space-8) auto var(--space-4);font-size:var(--type-subheading);font-weight:var(--fw-heavy);line-height:var(--lh-snug);letter-spacing:var(--ls-tight-10);color:var(--color-fg)}.g-trainer .gt-offer{position:relative;overflow:hidden;text-align:left;background:var(--color-fg);color:var(--color-brand-content);border-radius:var(--corner-lg);padding:var(--space-8) var(--space-6)}.g-trainer .gt-offer:before{content:"";position:absolute;top:-70px;right:-55px;width:190px;height:190px;border-radius:var(--corner-pill);background:var(--grad-carrot);opacity:var(--fade-muted)}.g-trainer .gt-offer-z{position:relative;z-index:1}.g-trainer .gt-offer-badge{display:inline-block;background:var(--color-cta);color:var(--color-fg);border-radius:var(--corner-sm);padding:var(--space-3) var(--space-4);font-size:var(--type-heading);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight-10);margin-bottom:var(--space-4)}.g-trainer .gt-offer-title{font-size:var(--type-heading);font-weight:var(--fw-heavy);line-height:var(--lh-tight);letter-spacing:var(--ls-tight-20);margin-bottom:var(--space-3)}.g-trainer .gt-offer-title i{font-family:var(--font-accent);font-style:italic;font-weight:var(--fw-medium);color:var(--color-cta)}.g-trainer .gt-offer-sub{font-size:var(--type-body);line-height:var(--lh-relaxed);color:color-mix(in oklab,var(--color-brand-content) 85%,var(--color-brand));margin-bottom:var(--space-4)}.g-trainer .gt-offer-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin:0 0 var(--space-6);padding:0}.g-trainer .gt-offer-list li{position:relative;padding-left:var(--space-8);font-size:var(--type-body);line-height:var(--lh-normal)}.g-trainer .gt-offer-list li:before{content:"→";position:absolute;left:0;color:var(--color-cta);font-weight:var(--fw-heavy)}.g-trainer .gt-restart{margin-top:var(--space-6);background:none;border:none;font-family:inherit;font-size:var(--type-body-sm);color:var(--color-muted);text-decoration:underline;cursor:pointer}.g-trainer .gt-restart:hover{color:var(--color-brand)}@media (min-width: 640px){.g-trainer .gt-offer{padding:var(--space-10) var(--space-8)}}}