:root{color-scheme:light;--color-primary: #0f4f3b;--color-primary-strong: #0c3d2e;--color-primary-soft: #dceee4;--color-primary-muted: #b7d3c2;--color-accent: #2b8a3e;--color-error: #c0392b;--surface-base: #f6f5f3;--surface-muted: #f1f0ed;--surface-raised: #ffffff;--surface-contrast: #0f1914;--border-soft: #e1dfd7;--border-strong: #d4d1c7;--border-contrast: #b4afa1;--text-strong: #151b17;--text-muted: #4e564f;--text-soft: #6e746d;--footer-alert-bg: #ffe9cc;--footer-alert-text: #b54708;--footer-alert-border: #ff9d2f;--pill-padding-y: .5rem;--pill-padding-x: 1.1rem;--pill-gap: .55rem;--pill-font-size: .9rem;--pill-radius: 999px;--space-xs: .4rem;--space-sm: .65rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.25rem;--radius-lg: 14px;--shadow-soft: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .08);--shadow-medium: 0 12px 30px rgba(15, 23, 42, .08);--shadow-strong: 0 25px 55px rgba(15, 23, 42, .08);--color-bg: var(--surface-base);--color-card: var(--surface-raised);--color-text: var(--text-strong);--btn-radius: 999px;--btn-padding-y: clamp(.6rem, .45rem + .35vw, .95rem);--btn-padding-x: clamp(1.1rem, .9rem + .9vw, 2rem);--btn-font-size: clamp(.95rem, .85rem + .25vw, 1.1rem);--btn-gap: .35rem;--btn-border-width: 1px;--btn-shadow: 0 2px 6px rgba(0, 0, 0, .08);--btn-focus-ring: rgba(15, 79, 59, .4);--btn-primary-bg: var(--color-primary);--btn-primary-bg-hover: var(--color-primary-strong);--btn-primary-bg-active: #082c21;--btn-primary-border: var(--color-primary-strong);--btn-primary-text: #ffffff;--btn-secondary-bg: var(--color-card);--btn-secondary-bg-hover: var(--color-primary-soft);--btn-secondary-bg-active: var(--color-primary-muted);--btn-secondary-border: var(--border-soft);--btn-secondary-text: var(--color-primary-strong);--btn-ghost-bg: rgba(15, 79, 59, .08);--btn-ghost-bg-hover: rgba(15, 79, 59, .16);--btn-ghost-bg-active: rgba(15, 79, 59, .22);--btn-ghost-border: rgba(15, 79, 59, .3);--btn-ghost-text: var(--color-primary-strong);--btn-disabled-bg: #dfe7e1;--btn-disabled-border: #c5d1ca;--btn-disabled-text: #5a6b62;--btn-outline-bg: transparent;--btn-outline-bg-hover: rgba(15, 79, 59, .08);--btn-outline-bg-active: rgba(15, 79, 59, .12);--btn-outline-border: rgba(15, 79, 59, .55);--btn-outline-text: var(--color-primary-strong);--btn-surface-bg: #f7fbf8;--btn-surface-bg-hover: #e4f2ea;--btn-surface-bg-active: #d1e5db;--btn-surface-border: rgba(15, 79, 59, .2);--btn-surface-text: var(--color-primary-strong);--floating-controls-offset: clamp(.9rem, .6rem + 1vw, 1.25rem);--floating-controls-safe-area: clamp(4rem, 1.75rem + 2.5vw, 5.5rem);--field-bg: var(--color-card);--field-border: var(--border-soft);--field-text: var(--color-text);--field-focus-border: var(--color-primary);--field-focus-ring: rgba(15, 79, 59, .2);--quiz-option-correct-bg: #e4f5e9;--quiz-option-correct-icon-bg: var(--color-primary-soft);--quiz-option-incorrect-bg: #fdecea;--quiz-option-incorrect-icon-bg: #fdecea;--quiz-question-actions-bg: var(--color-card);--quiz-question-actions-border: var(--border-soft);--quiz-summary-item-bg: var(--surface-muted);--quiz-summary-item-border: var(--border-soft);--quiz-results-badge-good-bg: #e4f5e9;--quiz-results-badge-bad-bg: #fdecea}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding-top:var(--floating-controls-safe-area);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}body.theme-light,body[data-theme=light]{color-scheme:light;--surface-base: #f6f5f3;--surface-muted: #f1f0ed;--surface-raised: #ffffff;--border-soft: #e1dfd7;--border-strong: #d4d1c7;--border-contrast: #b4afa1;--text-strong: #151b17;--text-muted: #4e564f;--text-soft: #6e746d;--footer-alert-bg: #ffe9cc;--footer-alert-text: #b54708;--color-bg: var(--surface-base);--color-card: var(--surface-raised);--color-text: var(--text-strong);--btn-primary-bg-active: #082c21;--btn-secondary-bg: var(--color-card);--btn-secondary-bg-hover: var(--color-primary-soft);--btn-secondary-bg-active: var(--color-primary-muted);--btn-secondary-border: var(--border-soft);--btn-ghost-bg: rgba(15, 79, 59, .08);--btn-ghost-bg-hover: rgba(15, 79, 59, .16);--btn-ghost-bg-active: rgba(15, 79, 59, .22);--btn-ghost-border: rgba(15, 79, 59, .3);--field-bg: var(--color-card);--field-border: var(--border-soft);--field-text: var(--color-text);--field-focus-ring: rgba(15, 79, 59, .2);--btn-disabled-bg: #dfe7e1;--btn-disabled-border: #c5d1ca;--btn-disabled-text: #5a6b62;--btn-outline-border: rgba(15, 79, 59, .4);--btn-outline-bg-hover: rgba(15, 79, 59, .08);--btn-outline-bg-active: rgba(15, 79, 59, .12);--btn-outline-text: var(--color-primary-strong);--btn-surface-bg: #f7fbf8;--btn-surface-bg-hover: #e4f2ea;--btn-surface-bg-active: #d1e5db;--btn-surface-border: rgba(15, 79, 59, .2);--btn-surface-text: var(--color-primary-strong);--quiz-option-correct-bg: #e4f5e9;--quiz-option-correct-icon-bg: var(--color-primary-soft);--quiz-option-incorrect-bg: #fdecea;--quiz-option-incorrect-icon-bg: #fdecea;--quiz-question-actions-bg: var(--color-card);--quiz-question-actions-border: var(--border-soft);--quiz-summary-item-bg: var(--surface-muted);--quiz-summary-item-border: var(--border-soft);--quiz-results-badge-good-bg: #e4f5e9;--quiz-results-badge-bad-bg: #fdecea}body.theme-dark,body[data-theme=dark]{color-scheme:dark;--color-primary: #7adabf;--color-primary-strong: #5fb399;--color-primary-soft: #244b40;--color-primary-muted: #2d6553;--color-accent: #8df2cb;--color-error: #f48b82;--surface-base: #0b100d;--surface-muted: #121a16;--surface-raised: #1a2620;--border-soft: #26332c;--border-strong: #2f3d36;--border-contrast: #3f4d45;--text-strong: #e7f4ef;--text-muted: #b2c8be;--text-soft: #91a399;--footer-alert-bg: #5c1f00;--footer-alert-text: #ffd6a8;--footer-alert-border: #ff9a2f;--color-bg: var(--surface-base);--color-card: var(--surface-raised);--color-text: var(--text-strong);--btn-shadow: 0 2px 6px rgba(0, 0, 0, .25);--btn-primary-bg-active: #4c9582;--btn-secondary-bg: #1f2f29;--btn-secondary-bg-hover: #264239;--btn-secondary-bg-active: #31554a;--btn-secondary-border: #31554a;--btn-secondary-text: #e7f4ef;--btn-ghost-bg: rgba(141, 242, 203, .08);--btn-ghost-bg-hover: rgba(141, 242, 203, .16);--btn-ghost-bg-active: rgba(141, 242, 203, .24);--btn-ghost-border: rgba(141, 242, 203, .45);--btn-ghost-text: var(--color-accent);--field-bg: #13231d;--field-border: #2d6553;--field-text: var(--color-text);--field-focus-border: var(--color-accent);--field-focus-ring: rgba(141, 242, 203, .25);--btn-disabled-bg: #1a2723;--btn-disabled-border: #22352e;--btn-disabled-text: #7e8c85;--btn-outline-border: rgba(141, 242, 203, .7);--btn-outline-bg-hover: rgba(141, 242, 203, .12);--btn-outline-bg-active: rgba(141, 242, 203, .2);--btn-outline-text: var(--color-accent);--btn-surface-bg: #1f2f29;--btn-surface-bg-hover: #264239;--btn-surface-bg-active: #31554a;--btn-surface-border: #31554a;--btn-surface-text: #e7f4ef;--btn-focus-ring: rgba(141, 242, 203, .55);--quiz-option-correct-bg: rgba(141, 242, 203, .12);--quiz-option-correct-icon-bg: rgba(141, 242, 203, .2);--quiz-option-incorrect-bg: rgba(244, 139, 130, .12);--quiz-option-incorrect-icon-bg: rgba(244, 139, 130, .24);--quiz-question-actions-bg: #111b16;--quiz-question-actions-border: #1f2f29;--quiz-summary-item-bg: #131e19;--quiz-summary-item-border: #1f2f29;--quiz-results-badge-good-bg: rgba(141, 242, 203, .2);--quiz-results-badge-bad-bg: rgba(244, 139, 130, .2)}a{color:var(--color-primary)}a:hover{text-decoration:underline}main{width:min(100%,clamp(320px,82vw,1200px));margin:clamp(.75rem,3vw,2.25rem) auto clamp(1.25rem,4vw,3rem);padding-inline:clamp(1rem,3vw,3.5rem);padding-block:clamp(.75rem,2vw,2rem)}.btn{--btn-bg-current: var(--btn-primary-bg);--btn-bg-hover: var(--btn-primary-bg-hover);--btn-bg-active: var(--btn-primary-bg-active);--btn-border-current: var(--btn-primary-border);--btn-border-hover: var(--btn-primary-border);--btn-border-active: var(--btn-primary-border);--btn-text-current: var(--btn-primary-text);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);border:var(--btn-border-width) solid var(--btn-border-current);font-size:var(--btn-font-size);font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .08s ease,box-shadow .2s ease;text-decoration:none;color:var(--btn-text-current);background:var(--btn-bg-current);box-shadow:var(--btn-shadow)}.btn__icon{display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;line-height:1;color:inherit;flex-shrink:0}.btn__icon svg{width:100%;height:100%;display:block;stroke:currentColor}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--btn-focus-ring),var(--btn-shadow)}.btn:not(:disabled):hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.btn:not(:disabled):active{background:var(--btn-bg-active);border-color:var(--btn-border-active);transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{background:var(--btn-disabled-bg);border-color:var(--btn-disabled-border);color:var(--btn-disabled-text);box-shadow:none;cursor:not-allowed;opacity:1}.btn-primary{--btn-bg-current: var(--btn-primary-bg);--btn-bg-hover: var(--btn-primary-bg-hover);--btn-bg-active: var(--btn-primary-bg-active);--btn-border-current: var(--btn-primary-border);--btn-border-hover: var(--btn-primary-border);--btn-border-active: var(--btn-primary-border);--btn-text-current: var(--btn-primary-text)}.btn-secondary{--btn-bg-current: var(--btn-secondary-bg);--btn-bg-hover: var(--btn-secondary-bg-hover);--btn-bg-active: var(--btn-secondary-bg-active);--btn-border-current: var(--btn-secondary-border);--btn-border-hover: var(--btn-secondary-border);--btn-border-active: var(--btn-secondary-border);--btn-text-current: var(--btn-secondary-text)}.btn-ghost{--btn-bg-current: var(--btn-ghost-bg);--btn-bg-hover: var(--btn-ghost-bg-hover);--btn-bg-active: var(--btn-ghost-bg-active);--btn-border-current: var(--btn-ghost-border);--btn-text-current: var(--btn-ghost-text)}.btn-outline{--btn-bg-current: var(--btn-outline-bg);--btn-bg-hover: var(--btn-outline-bg-hover);--btn-bg-active: var(--btn-outline-bg-active);--btn-border-current: var(--btn-outline-border);--btn-border-hover: var(--btn-outline-border);--btn-border-active: var(--btn-outline-border);--btn-text-current: var(--btn-outline-text)}.btn-ghost,.btn-outline{--btn-shadow: none}.btn-surface{--btn-bg-current: var(--btn-surface-bg);--btn-bg-hover: var(--btn-surface-bg-hover);--btn-bg-active: var(--btn-surface-bg-active);--btn-border-current: var(--btn-surface-border);--btn-border-hover: var(--btn-surface-border);--btn-border-active: var(--btn-surface-border);--btn-text-current: var(--btn-surface-text)}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1.25rem 1.5rem}.site-footer{width:100%;margin:clamp(1rem,2.5vw,2.25rem) auto clamp(.9rem,3vw,2.1rem);padding:0;border:none;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-sm)}.site-footer__controls{display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.site-footer__trigger{align-self:center;padding:calc(var(--pill-padding-y) * .85) calc(var(--pill-padding-x) * .85);gap:calc(var(--pill-gap) * .75);box-shadow:none;background:var(--color-card);border-color:var(--border-strong)}.site-footer__trigger .site-footer__trigger-icon{display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;color:var(--text-soft);transition:transform .25s ease,color .2s ease}.site-footer__trigger svg{width:100%;height:100%}.site-footer__trigger[aria-expanded=true] .site-footer__trigger-icon{transform:rotate(-180deg);color:var(--color-primary-strong)}.site-footer__panel{position:relative;width:min(100%,clamp(320px,92vw,1100px));margin:0 auto;opacity:0;transform:translateY(1rem) scale(.97);transform-origin:bottom center;overflow:hidden;max-height:0;transition:max-height .55s cubic-bezier(.26,.76,.27,1),opacity .5s ease,transform .5s cubic-bezier(.26,.76,.27,1),filter .5s ease;filter:none;background:none;border:none;box-shadow:none;pointer-events:none;will-change:max-height,opacity,transform;z-index:1}.site-footer__panel>*{min-height:0}.site-footer__panel:before,.site-footer__panel:after{content:none}.site-footer--open .site-footer__panel{max-height:var(--site-footer-panel-height, 1200px);opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.site-footer__pills{position:relative;display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);width:100%;margin:0 auto;padding:var(--space-xs) 0;--footer-pill-stagger: 65ms;--footer-pill-offset: -14px}.footer-pill-slot{display:contents}.footer-pill{gap:calc(var(--pill-gap) * .35);padding:.45rem 1.05rem;font-size:var(--pill-font-size);border-radius:var(--pill-radius);line-height:1.3;flex:0 0 auto;min-width:fit-content;justify-content:center;white-space:normal}.site-footer__pills .footer-pill{opacity:0;transform:translateY(var(--footer-pill-offset)) scale(.96);transform-origin:top center;transition:opacity .35s ease,transform .45s cubic-bezier(.26,.76,.27,1);transition-delay:calc(var(--footer-pill-delay-multiplier, 0) * var(--footer-pill-stagger));will-change:opacity,transform}.site-footer__pills>*{--footer-pill-delay-multiplier: 0}.site-footer__pills>*:nth-child(2){--footer-pill-delay-multiplier: 1}.site-footer__pills>*:nth-child(3){--footer-pill-delay-multiplier: 2}.site-footer__pills>*:nth-child(4){--footer-pill-delay-multiplier: 3}.site-footer__pills>*:nth-child(5){--footer-pill-delay-multiplier: 4}.site-footer__pills>*:nth-child(6){--footer-pill-delay-multiplier: 5}.site-footer__pills>*:nth-child(7){--footer-pill-delay-multiplier: 6}.site-footer__pills>*:nth-child(8){--footer-pill-delay-multiplier: 7}.site-footer__pills>*:nth-child(9){--footer-pill-delay-multiplier: 8}.site-footer__pills>*:nth-child(10){--footer-pill-delay-multiplier: 9}.site-footer__pills>*:nth-child(11){--footer-pill-delay-multiplier: 10}.site-footer__pills>*:nth-child(12){--footer-pill-delay-multiplier: 11}.site-footer__pills>*:nth-child(n+13){--footer-pill-delay-multiplier: 12}.site-footer--open .site-footer__pills .footer-pill{opacity:1;transform:translateY(0) scale(1)}.footer-pill--meta{color:var(--text-muted);border-color:var(--border-strong)}.footer-pill--meta .footer-pill__details{gap:calc(var(--pill-gap) * .5)}.footer-pill__icon{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;padding:.35rem;border-radius:999px;border:1.65px solid currentColor;flex-shrink:0;line-height:0}.footer-pill__icon svg{width:1.55rem;height:1.55rem;shape-rendering:geometricPrecision;overflow:visible}.footer-pill__details{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--pill-gap) * .35);white-space:normal;margin-left:0;text-align:center}.grid{display:grid;grid-template-columns:1fr;gap:1rem}.floating-controls{position:fixed;top:var(--floating-controls-offset);right:var(--floating-controls-offset);left:var(--floating-controls-offset);bottom:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);z-index:20;transform:translateY(0);transition:transform .28s ease,opacity .22s ease;will-change:transform}.floating-controls--hidden{transform:translateY(calc(-100% - var(--floating-controls-offset)))}.floating-controls__nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;flex:1;min-width:0}.floating-controls__group{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-left:auto;flex:1;min-width:0}.floating-controls__list{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.floating-controls__actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:.35rem}.floating-controls__brand{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;flex-shrink:0}.floating-controls__brand .brand-badge{align-items:center;gap:.45rem}.floating-controls__brand .brand-badge__logo{width:1.75rem;height:1.75rem;object-fit:contain;display:block}.floating-pill{display:inline-flex;align-items:center;gap:var(--pill-gap);padding:var(--pill-padding-y) var(--pill-padding-x);font-size:var(--pill-font-size);font-weight:600;font-family:inherit;line-height:1.2;text-decoration:none;color:var(--color-text);border:1px solid var(--border-strong);border-radius:var(--pill-radius);background:var(--color-card);box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap}.floating-pill__text{display:inline-flex;align-items:center}.floating-pill__status{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);padding:.15rem .5rem;background:var(--surface-muted);border-radius:999px}.floating-pill:hover,.floating-pill:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-medium);text-decoration:none}.floating-pill:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a.floating-pill:hover,a.floating-pill:focus-visible{text-decoration:none}.floating-pill--disabled{cursor:not-allowed;opacity:.65;border-style:dashed}.floating-pill--disabled:hover,.floating-pill--disabled:focus-visible{transform:none;box-shadow:var(--shadow-soft);outline:none}.brand-badge{text-decoration:none}.brand-badge img{height:1.5rem;width:auto;aspect-ratio:auto;display:block}.brand-badge .floating-pill__text{letter-spacing:.12em}@media (min-width: 640px){.site-footer{padding:clamp(1.25rem,2vw,2.5rem) clamp(1.35rem,3vw,2.5rem)}}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.grid.wide{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){:root{--floating-controls-safe-area: clamp(4.5rem, 12vw + 1.5rem, 6.5rem);--floating-controls-offset: clamp(.75rem, 4vw, 1rem)}body{padding-top:var(--floating-controls-safe-area)}.site-home main>.hero:first-of-type{margin-top:clamp(1.5rem,6vw,2.5rem)}.floating-controls{left:var(--floating-controls-offset);right:var(--floating-controls-offset);top:var(--floating-controls-offset);bottom:auto;flex-direction:column;align-items:stretch}.floating-controls__nav{align-items:stretch}}@media (prefers-reduced-motion: reduce){.btn{transition:none}}.home-section{padding:var(--space-xl) var(--space-md)}.home-section__inner{max-width:1000px;margin:0 auto}.home-section__header h2{margin-bottom:var(--space-sm)}.home-section__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.site-home{color:var(--color-text);background:radial-gradient(circle at 20% 20%,rgba(15,79,59,.08),transparent 30%),radial-gradient(circle at 80% 10%,rgba(15,79,59,.06),transparent 28%),var(--color-bg)}.site-home main{padding-top:var(--floating-controls-offset)}.skip-link{position:absolute;left:-999px;top:var(--floating-controls-offset);background:var(--color-card);color:var(--color-text);padding:var(--space-sm) var(--space-md);border-radius:999px;box-shadow:var(--shadow-soft);border:1px solid var(--border-soft);transition:transform .2s ease,opacity .2s ease;opacity:0}.skip-link:focus{left:1rem;transform:translateY(-2px);opacity:1;outline:3px solid var(--btn-focus-ring)}.container{width:min(1100px,92vw);margin:0 auto}.hero{padding:clamp(2rem,4vw,3.5rem) 0 clamp(2.5rem,6vw,4rem)}.hero__layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1.5rem,3vw,2.75rem);align-items:center}.hero__content{display:flex;flex-direction:column;gap:var(--space-md)}.hero__title{margin:0;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.1}.hero__summary{margin:0;max-width:58ch;color:var(--text-muted);font-size:clamp(1.02rem,2vw,1.2rem)}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.hero__meta{display:flex;gap:var(--space-sm);flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .85rem;border-radius:999px;background:var(--surface-muted);color:var(--text-soft);border:1px solid var(--border-soft);font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.pill:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.hero__visual{position:relative;display:flex;justify-content:center}.hero__illustration{position:relative;width:min(480px,100%);background:radial-gradient(circle at 30% 20%,rgba(15,79,59,.12),transparent 40%),radial-gradient(circle at 80% 80%,rgba(15,79,59,.08),transparent 35%),var(--color-card);border-radius:clamp(1.3rem,1.2vw,1.6rem);padding:clamp(1.25rem,2vw,1.75rem);border:1px solid var(--border-soft);box-shadow:var(--shadow-strong)}.hero__illustration svg{width:100%;height:auto;display:block}.hero__badge{position:absolute;top:12%;right:-4%;background:var(--surface-base);border-radius:999px;padding:.5rem .9rem;border:1px solid var(--border-soft);box-shadow:var(--shadow-medium);font-weight:700}.hero__floating-card{position:absolute;bottom:8%;left:-5%;background:var(--color-card);border:1px solid var(--border-strong);border-radius:1rem;padding:1rem 1.25rem;width:clamp(220px,60%,260px);box-shadow:var(--shadow-strong)}.hero__card-eyebrow{margin:0 0 .4rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.14em;color:var(--text-soft)}.hero__card-value{margin:0;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:700}.hero__card-label{margin:.25rem 0 0;font-size:.95rem;color:var(--text-muted)}.section{padding:clamp(2rem,5vw,3.5rem) 0}.section--muted{background:color-mix(in srgb,var(--surface-muted) 60%,transparent);border-block:1px solid var(--border-soft)}.section__header{display:flex;flex-direction:column;gap:var(--space-sm);max-width:720px;margin-bottom:clamp(1.5rem,3vw,2.25rem)}.section__summary{margin:0;color:var(--text-muted)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--text-soft)}.grid{display:grid;gap:clamp(1rem,2vw,1.6rem)}.grid--cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}.grid--bio{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:clamp(1.25rem,2vw,2rem)}.card{display:flex;flex-direction:column;gap:var(--space-md);padding:clamp(1.25rem,2vw,1.75rem);border-radius:1rem;background:var(--color-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);height:100%}.card--accent{border:1px solid var(--border-strong);box-shadow:var(--shadow-medium)}.card--interactive{transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease}.card--interactive:hover,.card--interactive:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--border-strong)}.card__body{display:flex;flex-direction:column;gap:.6rem;margin:0}.card__body h3{margin:0;font-size:clamp(1.2rem,2vw,1.45rem)}.card__body p{margin:0;color:var(--text-muted)}.card__footer{margin-top:auto}.feature{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);align-items:start;padding:1rem 1.1rem;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-muted);transition:border-color .2s ease,box-shadow .2s ease}.feature:hover,.feature:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-soft)}.feature__icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--color-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)}.feature__content h3{margin:0 0 .2rem}.feature__content p{margin:0;color:var(--text-muted)}.stacked-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.stacked-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);padding:1rem 1.25rem;border-radius:1rem;border:1px dashed var(--border-strong);background:var(--surface-muted)}.stacked-card__marker{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-muted));margin-top:.35rem}.stacked-card__content h3{margin:0 0 .3rem}.stacked-card__content p{margin:0;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);padding:var(--btn-padding-y) var(--btn-padding-x);border-radius:var(--btn-radius);font-weight:700;font-size:var(--btn-font-size);text-decoration:none;border:var(--btn-border-width) solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.btn:focus-visible{outline:3px solid var(--btn-focus-ring);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border);box-shadow:var(--btn-shadow)}.btn-primary:hover{background:var(--btn-primary-bg-hover)}.btn-primary:active{background:var(--btn-primary-bg-active)}.btn-outline{background:var(--btn-outline-bg);color:var(--btn-outline-text);border-color:var(--btn-outline-border)}.btn-outline:hover{background:var(--btn-outline-bg-hover)}.btn-outline:active{background:var(--btn-outline-bg-active)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border-color:var(--btn-ghost-border)}.btn-ghost:hover{background:var(--btn-ghost-bg-hover)}.btn-ghost:active{background:var(--btn-ghost-bg-active)}.btn-surface{background:var(--btn-surface-bg);color:var(--btn-surface-text);border-color:var(--btn-surface-border)}.btn-surface:hover{background:var(--btn-surface-bg-hover)}.btn-surface:active{background:var(--btn-surface-bg-active)}:root{--ui-radius: .5rem;--ui-border-color: var(--border-soft);--ui-muted: var(--text-soft);--ui-bg: var(--color-card);--ui-foreground: var(--color-text)}.card,.ui-card{border-radius:var(--ui-radius);border:1px solid var(--ui-border-color);background:var(--ui-bg);box-shadow:var(--shadow-soft)}.ui-label{font-size:.9rem;font-weight:500;color:var(--text-muted);display:inline-flex;margin-bottom:.35rem}.ui-input{width:100%;border-radius:var(--ui-radius);border:1px solid var(--field-border);background:var(--field-bg);color:var(--field-text);padding:.65rem .85rem;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.ui-input:focus-visible{outline:2px solid var(--field-focus-border);outline-offset:2px;border-color:var(--field-focus-border);box-shadow:0 0 0 3px var(--field-focus-ring)}.ui-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--color-text)}.ui-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.1rem;height:1.1rem;border-radius:.35rem;border:1px solid var(--field-border);background:var(--field-bg);display:inline-flex;align-items:center;justify-content:center;position:relative;transition:border-color .2s ease,background .2s ease}.ui-checkbox input[type=checkbox]:after{content:"";width:.5rem;height:.35rem;border:2px solid transparent;border-top:none;border-right:none;transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform .2s ease,border-color .2s ease}.ui-checkbox input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.ui-checkbox input[type=checkbox]:checked:after{border-color:#fff;transform:rotate(-45deg) scale(1)}.ui-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--field-focus-border);outline-offset:2px}.ui-select{position:relative;width:100%}.ui-select [data-select-trigger]{width:100%;display:inline-flex;align-items:center;justify-content:space-between;padding:.65rem .9rem;border-radius:var(--ui-radius);border:1px solid var(--field-border);background:var(--field-bg);color:var(--field-text);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.ui-select [data-select-trigger]:focus-visible{outline:2px solid var(--field-focus-border);outline-offset:2px}.ui-select [data-select-trigger][data-placeholder=true]{color:var(--text-soft)}.ui-select [data-select-icon]{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;margin-left:.35rem;color:var(--text-muted);transition:transform .2s ease}.ui-select[data-state=open] [data-select-icon]{transform:rotate(180deg)}.ui-select [data-select-content]{position:absolute;top:calc(100% + .35rem);left:0;right:0;border-radius:var(--ui-radius);border:1px solid var(--field-border);background:var(--color-card);box-shadow:var(--shadow-medium);padding:.35rem;max-height:16rem;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(-.25rem);transition:opacity .18s ease,transform .18s ease;z-index:20}.ui-select[data-state=open] [data-select-content]{opacity:1;pointer-events:auto;transform:translateY(0)}.ui-select [data-select-list]{list-style:none;margin:0;padding:0;max-height:13rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.ui-select [data-select-item]{width:100%;border:none;border-radius:calc(var(--ui-radius) - .15rem);background:transparent;color:var(--color-text);text-align:left;font-size:.95rem;padding:.55rem .65rem;cursor:pointer;display:flex;align-items:center;gap:.55rem}.ui-select [data-select-item][data-disabled=true]{opacity:.55;cursor:not-allowed}.ui-select [data-select-item][aria-selected=true]{background:var(--color-primary-soft);color:var(--color-primary-strong)}.ui-select [data-select-item-check]{width:1rem;height:1rem;border-radius:.25rem;border:1px solid var(--field-border);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--color-card);background:transparent}.ui-select [data-select-item][aria-selected=true] [data-select-item-check]{background:var(--color-primary);border-color:var(--color-primary)}.ui-select [data-select-empty]{margin:.5rem 0 0;font-size:.85rem;color:var(--text-soft);display:none}.ui-select[data-empty=true] [data-select-empty]{display:block}.ui-select[data-disabled=true] [data-select-trigger]{cursor:not-allowed;opacity:.7}.ui-select[data-select-mode=multiple] [data-select-content]{max-height:clamp(12rem,45vh,24rem)}.ui-select[data-select-mode=multiple] [data-select-list]{max-height:clamp(10rem,40vh,20rem)}.ui-progress,.progress{width:100%;height:.9rem;background:var(--surface-muted);border-radius:999px;overflow:hidden;position:relative;border:1px solid var(--border-soft)}.ui-progress-indicator,.progress-indicator{height:100%;width:0;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:inherit;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;color:#fff;font-weight:600;transition:width .25s ease}.ui-alert{border-radius:var(--ui-radius);border:1px solid var(--border-soft);background:var(--surface-muted);padding:.85rem 1rem;font-size:.9rem;color:var(--color-text)}.ui-alert-muted{background:var(--surface-muted);color:var(--text-soft)}.ui-alert-destructive{background:#c0392b1f;border-color:#c0392b59;color:var(--color-error)}button.ui-button,.ui-button{border-radius:var(--ui-radius);border:1px solid transparent;padding:.65rem 1.1rem;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}button.ui-button:disabled,.ui-button[aria-disabled=true]{opacity:.6;cursor:not-allowed}.quiz-page{min-height:100vh;background:var(--color-bg);padding-bottom:3rem}.quiz-hero{width:min(100%,clamp(320px,92vw,1200px));margin:clamp(1rem,4vw,2.75rem) auto;padding:clamp(1.25rem,4vw,3rem);border-radius:clamp(1.25rem,3vw,2.5rem);background:var(--surface-raised);border:1px solid var(--border-strong);box-shadow:var(--shadow-medium);display:grid;gap:clamp(1.25rem,2.5vw,2.25rem)}.quiz-hero .hero__cta{width:100%}.quiz-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.2rem,3vw,2rem);padding:clamp(1rem,4vw,2.5rem);margin:0 auto;max-width:1280px}.quiz-landing{padding:clamp(1rem,4vw,2.5rem) 0 3rem}.section__header--centered{text-align:center;display:flex;align-items:center;justify-content:center;margin:clamp(1.75rem,4vw,2.75rem) auto clamp(1.25rem,3vw,2.25rem)}#tipos-test{margin:0;font-size:clamp(1.9rem,2vw + 1.3rem,2.8rem);line-height:1.15;font-weight:800;letter-spacing:-.01em;color:var(--text-strong)}.quiz-landing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1rem,2.5vw,1.75rem)}.quiz-card{display:flex;flex-direction:column;gap:.85rem;height:100%;transition:transform .18s ease,box-shadow .2s ease}a.card.quiz-card{text-decoration:none}a.card.quiz-card:hover,a.card.quiz-card:focus-visible{text-decoration:none;transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-medium)}@media (prefers-reduced-motion: reduce){.card.quiz-card{transition:none}a.card.quiz-card:hover,a.card.quiz-card:focus-visible{transform:none}}.quiz-card__header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem}.quiz-card__icon{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:.9rem;background:var(--surface-muted);border:1px solid var(--border-soft);font-size:1.25rem}.quiz-card__summary{margin:0;color:var(--text-muted);line-height:1.6}.quiz-card__meta{display:grid;grid-template-columns:1fr;gap:.6rem;margin:0}.quiz-card__meta-item{padding:.75rem .9rem;border-radius:.9rem;background:var(--surface-muted);border:1px solid var(--border-soft)}.quiz-card__meta-item dt{margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;color:var(--text-soft)}.quiz-card__meta-item dd{margin:0;font-weight:600}.quiz-card__actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}@media (min-width: 640px){.quiz-card__meta{grid-template-columns:repeat(2,minmax(0,1fr))}}.quiz-page .card{border-radius:1.35rem;padding:clamp(1.25rem,3vw,1.75rem)}.quiz-page .field-hint{margin:.25rem 0 .6rem;font-size:.8rem;color:var(--text-soft)}.quiz-page .form-field{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1.15rem}.quiz-page .config-options{margin:.75rem 0;display:flex;flex-direction:column;gap:.45rem;font-size:.9rem}.quiz-page .config-options .ui-checkbox{margin-bottom:0}.quiz-page .test-info{margin-top:.8rem}.quiz-page .js-timeout-warning,.quiz-page .js-required-message{margin-top:.75rem}.quiz-page .js-timeout-warning{display:none}.quiz-page .js-timeout-warning.is-visible{display:block}.quiz-summary{align-self:start;position:sticky;top:clamp(1rem,3vw,2.5rem);display:flex;flex-direction:column;gap:1rem}.summary-label{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;margin:0;color:var(--text-soft)}.summary-title{margin:0;font-size:1.2rem}.summary-progress{display:flex;flex-direction:column;gap:.5rem}.summary-progress-header{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.summary-progress-total{font-weight:600}.progress{margin-top:.35rem}.progress-value{font-size:.85rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem;margin:0}.summary-item{background:var(--quiz-summary-item-bg);border:1px solid var(--quiz-summary-item-border);border-radius:1rem;padding:.75rem 1rem}.summary-item dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin:0 0 .35rem}.summary-item dd{margin:0;font-size:1.4rem;font-weight:600}.quiz-page .test-panel{display:flex;flex-direction:column;gap:1.5rem}.quiz-page .question-container,.quiz-page .results-container{margin-bottom:1rem}.question-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.question-tag{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--color-primary)}.question-counter{margin:0;font-size:1.1rem;font-weight:600}.question-text{margin-top:1rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6}.options-list{display:grid;gap:.85rem;margin-top:1.25rem}.option{display:block;position:relative}.option input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.option-card__content{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-radius:1.25rem;border:1px solid var(--border-soft);background:var(--color-card);box-shadow:var(--shadow-soft);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.option input:focus-visible+.option-card__content,.option input:checked+.option-card__content{border-color:var(--color-primary);box-shadow:var(--shadow-medium)}.option-card__icon{width:2.25rem;height:2.25rem;border-radius:999px;background:var(--color-primary-soft);display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--color-primary)}.option-card__icon:before{content:"○"}.option-card__text{flex:1;font-size:1rem}.option-card__feedback{font-size:.85rem;color:var(--color-primary-strong);min-width:110px;text-align:right}.option.correct .option-card__content{border-color:var(--color-accent);background:var(--quiz-option-correct-bg)}.option.incorrect .option-card__content{border-color:var(--color-error);background:var(--quiz-option-incorrect-bg)}.option[data-state=correct] .option-card__icon{background:var(--quiz-option-correct-icon-bg);color:var(--color-primary-strong)}.option[data-state=correct] .option-card__icon:before{content:"✓"}.option[data-state=incorrect] .option-card__icon{background:var(--quiz-option-incorrect-icon-bg);color:var(--color-error)}.option[data-state=incorrect] .option-card__icon:before{content:"✕"}.feedback{min-height:1.5rem;margin-top:.8rem;font-size:.95rem}.feedback.correct{color:var(--color-accent)}.feedback.incorrect{color:var(--color-error)}.question-actions{position:sticky;bottom:0;margin-top:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:999px;background:var(--quiz-question-actions-bg);border:1px solid var(--quiz-question-actions-border);box-shadow:var(--shadow-soft)}.question-actions-right{display:flex;gap:.5rem}.results-container h2{margin-top:0}.results-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;padding:.2rem .6rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-strong);animation:badgePulse 2.4s ease-in-out infinite}.results-badge.good{background:var(--quiz-results-badge-good-bg);color:var(--color-accent)}.results-badge.bad{background:var(--quiz-results-badge-bad-bg);color:var(--color-error)}@keyframes badgePulse{0%{box-shadow:0 0 #7adabf80}70%{box-shadow:0 0 0 12px #7adabf00}to{box-shadow:0 0 #7adabf00}}@media (min-width: 960px){.quiz-shell{grid-template-columns:minmax(280px,320px) minmax(220px,280px) minmax(0,1fr)}.quiz-page .config-panel{position:sticky;top:clamp(1rem,3vw,2.5rem);align-self:start}}@media (min-width: 768px){.quiz-hero{grid-template-columns:3fr 2fr;align-items:center}}@media (min-width: 1280px){.quiz-shell{grid-template-columns:minmax(320px,360px) minmax(240px,300px) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem)}.quiz-hero{margin-bottom:1.5rem}}@media (max-width: 640px){.quiz-hero{border-radius:0 0 2rem 2rem;margin:0}.question-actions{flex-direction:column}.option-card__content{flex-direction:column;align-items:flex-start}.option-card__feedback{text-align:left;min-width:auto}}