:root{--color-white:#fff;--color-cream-beige:#f2e2ce;--color-black:#000;--color-charcoal:#221f20;--color-accent:#9f312b;--primary-color:#1455a0;--secondary-color:#4d5b74;--background-color:#f5f8fc;--color-surface:#f2f5f9;--color-border:#221f2024;--color-shadow:#221f2029;--color-brand-tint:#9f312b1f;--color-shell-glow:#1455a029;--color-brand-shadow:#9f312b24;--color-surface-muted:#ffffff73;--color-border-soft:#221f201f;--color-switch-bg:#221f2014;--color-input-border:#221f2029;--color-accent-soft:#9f312b1a;--color-accent-focus:#9f312b2e;--color-accent-shadow:#9f312b38;--color-progress-track:#221f201f;--text:var(--secondary-color);--text-h:var(--color-black);--bg:var(--color-white);--code-bg:var(--color-surface-muted);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--secondary-color,var(--text));background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--color-cream-beige:#f2e2ce;--color-white:#fff;--color-black:#000;--color-charcoal:#221f20;--color-accent:#9f312b;--primary-color:#9f312b;--secondary-color:#221f20;--background-color:#f5f8fc;--color-surface:#f8ecdb;--color-border:#221f2024;--color-shadow:#221f2029;--color-shell-glow:#1455a029;--color-brand-tint:#9f312b1f;--color-brand-shadow:#9f312b24;--color-surface-muted:#ffffff73;--color-border-soft:#221f201f;--color-switch-bg:#221f2014;--color-input-border:#221f2029;--color-accent-soft:#9f312b1a;--color-accent-focus:#9f312b2e;--color-accent-shadow:#9f312b38;--color-progress-track:#221f201f;--text:var(--color-charcoal);--text-h:var(--color-black);--bg:var(--color-white);--code-bg:var(--color-surface-muted)}#social .button-icon{filter:invert()brightness(2)}}body{background:var(--color-white);margin:0}#root{width:100%;min-height:100svh}h1,h2{font-family:var(--heading);color:var(--primary-color,var(--text-h));font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.app-shell{background:radial-gradient(circle at top left, rgb(from var(--color-charcoal) r g b / 16%), transparent 32%), linear-gradient(180deg, var(--color-white) 0%, var(--secondary-color) 100%);box-sizing:border-box;min-height:100svh;padding:28px 28px 0}.app-loading{text-align:center;min-height:calc(100svh - 56px);color:var(--secondary-color);place-items:center;display:grid}.app-loading-card{border:1px solid var(--color-border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 60px var(--color-shadow);background:#ffffffb3;border-radius:28px;justify-items:center;gap:16px;padding:32px 36px;display:grid}.app-error-card{background:#ffffffd1;border-color:#9f312b33;max-width:520px;padding:36px 32px}.app-error-icon{width:56px;height:56px;color:var(--color-accent,#9f312b);background:#9f312b1f;border-radius:50%;place-items:center;font-size:2rem;font-weight:800;line-height:1;display:grid}.app-error-text{color:var(--secondary-color);text-align:center;margin:0;font-size:.95rem;line-height:1.6}.app-loading-spinner{border:4px solid var(--color-progress-track);border-top-color:var(--primary-color);border-radius:50%;width:52px;height:52px;animation:.9s linear infinite app-loading-spin}.app-loading-copy{letter-spacing:.03em;color:var(--primary-color);margin:0;font-size:1.2rem;font-weight:700}@keyframes app-loading-spin{to{transform:rotate(360deg)}}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;display:flex}.brand-links{flex:auto;justify-content:flex-end;display:flex}.brand-links-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.brand-link{color:var(--primary-color);background:var(--color-surface-muted);border:1px solid var(--color-border-soft);letter-spacing:.02em;border-radius:999px;align-items:center;padding:8px 12px;font-size:.84rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.brand-link:hover{background:var(--color-white);box-shadow:0 10px 20px var(--color-shadow);transform:translateY(-1px)}.brand{color:inherit;align-items:center;gap:14px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--color-brand-tint);width:106px;height:56px;box-shadow:0 14px 28px var(--color-brand-shadow);border-radius:18px;place-items:center;display:grid}.brand-mark img{width:86px;height:36px}.brand-copy{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.brand-copy strong{color:var(--primary-color);font-size:1.15rem}.brand-copy span{font-size:.95rem}.app-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:stretch;gap:28px;display:grid}.app-grid--auth-only{grid-template-columns:minmax(0,720px);justify-content:center}.app-grid--auth-only .panel-auth{width:100%;max-width:720px}.site-footer{border-top:1px solid var(--color-border-soft);background:linear-gradient(90deg,#1455a014,#f5f8fce6);border-radius:18px 18px 0 0;margin-top:28px;padding:18px 20px 18px 0}.site-footer-copy{color:var(--secondary-color);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.site-footer-copy a{color:var(--primary-color);font-weight:700;text-decoration:none}.site-footer-copy a:hover{text-decoration:underline}.panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 24px 60px var(--color-shadow);text-align:left;border-radius:32px;padding:40px}.panel-story{flex-direction:column;justify-content:space-between;gap:24px;display:flex}.panel-story h1{text-wrap:balance;margin:0;line-height:1.12}.panel-auth{flex-direction:column;justify-content:center;gap:22px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--primary-color);margin:0;font-size:.78rem;font-weight:700}.lead{max-width:58ch;font-size:1.05rem;line-height:1.65}.lead.compact{max-width:44ch}.auth-header-block{gap:10px;display:grid}.auth-header-block .eyebrow{letter-spacing:.14em;font-size:.92rem}.auth-helper-card{background:var(--color-surface-muted);border:1px solid var(--color-border-soft);border-radius:20px;gap:8px;padding:18px 20px;display:grid}.auth-helper-card strong{color:var(--color-primario);font-size:.95rem}.auth-helper-card p{line-height:1.6}.story-note{max-width:44ch;margin:-10px 0 0;font-size:.98rem;line-height:1.6}.reward-rotator{opacity:1;gap:24px;transition:opacity .28s,transform .28s;display:grid;transform:translateY(0)}.reward-rotator.is-hidden{opacity:0;transform:translateY(10px)}.reward-rotator.is-visible{opacity:1;transform:translateY(0)}.progress-card,.showcase-card,.reward-summary{background:var(--color-surface-muted);border:1px solid var(--color-border-soft);border-radius:24px}.how-it-works{gap:14px;display:grid}.how-it-works-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--primary-color);font-size:.78rem;font-weight:700}.how-it-works h3{color:var(--primary-color);margin:0;font-size:1.25rem}.how-it-works-list{gap:10px;margin:0;padding-left:18px;display:grid}.how-it-works-list li{color:var(--color-secundario);line-height:1.6}.progress-card{align-items:flex-start;gap:18px;padding:24px;display:flex}.progress-card-content{flex:1;gap:12px;display:grid}.progress-card-content p{margin:0}.reward-conditions{border-top:1px solid var(--color-border-soft);margin-top:0;padding-top:16px}.reward-conditions span{letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color);margin-bottom:10px;font-size:.82rem;font-weight:700;display:block}.reward-conditions ul{gap:8px;margin:0;padding-left:18px;display:grid}.reward-conditions li{line-height:1.5}.progress-copy{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.progress-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.progress-copy span{font-size:.95rem}.reward-position{background:var(--color-progress-track);min-width:44px;color:var(--primary-color);border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.progress-copy strong{color:var(--primary-color);font-size:1.05rem}.progress-track{background:var(--color-progress-track);border-radius:999px;height:14px;margin-bottom:12px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--primary-color) 0%, var(--color-black) 100%);height:100%;display:block}.showcase-card{margin:0;padding:28px}.showcase-card img{width:100%;max-width:320px;margin:0 auto 18px;display:block}.showcase-card figcaption{text-align:center;line-height:1.6}.method-switch{background:var(--color-switch-bg);border-radius:16px;grid-template-columns:repeat(2,1fr);gap:8px;margin:28px 0 20px;padding:6px;display:inline-grid}.method-switch button,.primary-action,.secondary-action{cursor:pointer;font:inherit;border:0}.method-switch button{color:var(--secondary-color);background:0 0;border-radius:12px;padding:12px 18px}.method-switch .is-active{background:var(--color-white);color:var(--primary-color);box-shadow:0 10px 20px var(--color-border-soft)}.auth-form{flex-direction:column;gap:14px;display:flex}.form-block{gap:8px;display:grid}.code-block{background:var(--color-surface-muted);border:1px solid var(--color-border-soft);border-radius:18px;margin-top:4px;padding:16px}.code-block-copy{gap:4px;margin-bottom:10px;display:grid}.code-step{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primario);font-size:.78rem;font-weight:700}.auth-form label{color:var(--primary-color);font-size:.92rem;font-weight:600}.auth-form input{box-sizing:border-box;border:1px solid var(--color-input-border);background:var(--color-white);width:100%;font:inherit;color:var(--secondary-color);border-radius:16px;padding:15px 16px}.auth-form input:focus{outline:2px solid var(--color-accent-focus);border-color:var(--primary-color)}.form-message{background:var(--color-progress-track);border-radius:14px;margin:0;padding:12px 14px;font-size:.92rem;line-height:1.6}.primary-action,.secondary-action{border-radius:16px;padding:15px 18px;transition:transform .2s,box-shadow .2s}.primary-action{background:var(--primary-color);color:var(--color-white);box-shadow:0 16px 28px var(--color-shadow)}.secondary-action{background:var(--primary-color);color:var(--color-white)}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.reward-state{flex-direction:column;gap:22px;display:flex}.reward-summary{align-items:center;gap:18px;padding:24px;display:flex}.reward-summary strong{color:var(--primary-color);margin-bottom:4px;display:block}.reward-name-highlight{background:var(--color-progress-track);color:var(--primary-color);border-radius:999px;align-items:center;padding:2px 10px;font-weight:700;display:inline-flex}.reward-count{background:var(--primary-color);width:86px;height:86px;color:var(--color-white);border-radius:50%;flex-shrink:0;place-items:center;margin-top:20px;font-size:2rem;font-weight:700;display:grid}@media (width<=980px){.app-shell{padding:20px}.app-grid{grid-template-columns:1fr}.panel{padding:28px}}@media (width<=640px){.app-shell{padding:16px}.app-header{margin-bottom:20px}.brand-links-list{gap:8px}.brand-link{padding:7px 10px;font-size:.78rem}.brand-mark{border-radius:14px;width:48px;height:48px}.brand-mark img{width:30px;height:30px}.panel{border-radius:24px;padding:22px}.progress-copy,.reward-summary{flex-direction:column;align-items:flex-start}.reward-count{width:72px;height:72px;font-size:1.7rem}}