.affiliate-disclosure{position:fixed;bottom:80px;right:24px;font-size:11px;color:#ffffff73;margin:0;z-index:999;pointer-events:none;font-family:Nunito Sans,sans-serif}@keyframes fab-breathe{0%{box-shadow:0 4px 16px #5aa0c859,0 0 #5aa0c81f}50%{box-shadow:0 6px 24px #5aa0c880,0 0 0 6px #5aa0c80f}to{box-shadow:0 4px 16px #5aa0c859,0 0 #5aa0c81f}}.affiliate-fab{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;align-items:center;gap:10px;padding:14px 28px 14px 24px;background:#5a9fc8;border:none;border-radius:50px;font-family:var(--font-body);font-size:.92rem;font-weight:600;letter-spacing:.04em;color:#fff;cursor:pointer;box-shadow:0 4px 16px #5aa0c859,0 0 #5aa0c81f;transition:background .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo),transform .3s var(--ease-out-expo);animation:fab-breathe 4s ease-in-out 1s infinite}.affiliate-fab-icon{width:18px;height:18px;flex-shrink:0;color:#fff;transition:transform .3s var(--ease-out-expo)}.affiliate-fab:hover{background:#4a8db8;transform:translateY(-3px);box-shadow:0 8px 28px #4a8db873,0 0 0 4px #5aa0c81a;animation-play-state:paused}.affiliate-fab:hover .affiliate-fab-icon{transform:translate(3px)}.affiliate-fab:active{transform:scale(.96);box-shadow:0 2px 8px #5aa0c84d;transition:transform 80ms ease,box-shadow 80ms ease}body.immersive .affiliate-fab{display:none}.aff-modal{--aff-sidebar-width: 240px;--aff-peek-width: 80px;--aff-warm-bg-alpha: rgba(250,248,244,.88);--aff-warm-border: rgba(200,190,170,.2);--aff-text-editorial: #3a3530;--aff-text-caption: #8a8278;position:fixed;inset:0;z-index:300;background:#0000;pointer-events:none;visibility:hidden;transition:background .5s var(--ease-out-expo),visibility 0s .5s}.aff-modal.is-open{background:#3c372d2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:auto;visibility:visible;transition:background .5s var(--ease-out-expo),visibility 0s 0s}.aff-peek{position:fixed;top:0;left:0;bottom:0;width:var(--aff-peek-width);z-index:301;cursor:pointer;background:linear-gradient(90deg,#3c372d08,#3c372d1a)}.aff-main{position:fixed;top:0;bottom:0;left:var(--aff-peek-width);right:var(--aff-sidebar-width);z-index:302;background:var(--aff-warm-bg-alpha);backdrop-filter:blur(40px) saturate(1.1);-webkit-backdrop-filter:blur(40px) saturate(1.1);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 0 80px;opacity:0;transition:opacity .5s ease}.aff-main::-webkit-scrollbar{display:none}.aff-main.scroll-top{box-shadow:inset 0 8px 16px -8px #3c372d0f}.aff-main.scroll-bottom{box-shadow:inset 0 -8px 16px -8px #3c372d0f}.aff-main.scroll-top.scroll-bottom{box-shadow:inset 0 8px 16px -8px #3c372d0f,inset 0 -8px 16px -8px #3c372d0f}.aff-modal.is-open .aff-main{opacity:1}.aff-main:before{content:"";position:fixed;top:0;left:var(--aff-peek-width);right:var(--aff-sidebar-width);bottom:0;z-index:-1;background:radial-gradient(ellipse at 20% 15%,rgba(200,180,150,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 85%,rgba(180,200,220,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(240,235,225,.1) 0%,transparent 60%);pointer-events:none}.aff-sidebar{position:fixed;top:0;right:0;bottom:0;width:var(--aff-sidebar-width);z-index:303;background:#f8f6f1d9;backdrop-filter:blur(40px) saturate(1.1);-webkit-backdrop-filter:blur(40px) saturate(1.1);border-left:none;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:24px 0;opacity:0;transition:opacity .5s ease .1s}.aff-sidebar::-webkit-scrollbar{display:none}.aff-modal.is-open .aff-sidebar{opacity:1}.aff-sidebar-group{padding:16px 24px 6px;font-family:var(--font-body);font-size:.68rem;font-weight:600;color:var(--aff-text-caption);letter-spacing:.16em;text-transform:uppercase;opacity:.7}.aff-sidebar-group:first-child{padding-top:8px}.aff-sidebar-item{display:flex;align-items:center;position:relative;padding:8px 20px 8px 24px;border:none;border-bottom:none;background:transparent;text-align:left;cursor:pointer;transition:background .3s ease,color .3s ease}.aff-sidebar-item:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--color-accent);border-radius:0 3px 3px 0;opacity:0;transition:opacity .3s ease}.aff-sidebar-cat{display:block;font-family:var(--font-body);font-size:.82rem;font-weight:400;color:var(--aff-text-editorial);letter-spacing:.04em;transition:color .3s ease}.aff-sidebar-item.is-active{background:#c8b49614}.aff-sidebar-item.is-active:before{opacity:1}.aff-sidebar-item.is-active .aff-sidebar-cat{color:var(--color-accent);font-weight:600}.aff-sidebar-item:not(.is-active):hover{background:#c8b4960d}.aff-modal-close{position:fixed;bottom:20px;right:20px;z-index:310;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent);border:none;cursor:pointer;box-shadow:0 2px 16px #4a8bc459,0 0 24px #4a8bc426;transition:transform .2s var(--ease-out-expo),opacity .3s var(--ease-out-expo),box-shadow .2s var(--ease-out-expo);opacity:0;pointer-events:none;transform:scale(.8)}.aff-modal.is-open .aff-modal-close{opacity:.9;pointer-events:auto;transform:scale(1);transition:transform .35s cubic-bezier(.16,1,.3,1) .3s,opacity .35s var(--ease-out-expo) .3s}.aff-modal-close svg{width:20px;height:20px;transition:transform .3s var(--ease-out-expo)}.aff-modal-close:hover{transform:scale(1.08);box-shadow:0 4px 16px #4a8bc466}.aff-modal-close:hover svg{transform:rotate(90deg)}.aff-hero{max-width:720px;margin:0 auto;padding:100px 48px 56px;position:relative}.aff-hero-title{font-family:var(--font-heading);font-size:2.4rem;font-weight:400;color:var(--aff-text-editorial);margin-bottom:20px;line-height:1.3;position:relative;display:inline-block;letter-spacing:.02em}.aff-hero-title:after{content:"";display:block;width:40px;height:2px;background:var(--color-accent);border-radius:1px;margin-top:20px;opacity:.4}.aff-hero-body{font-family:var(--font-body);font-size:.8rem;line-height:1.9;color:var(--aff-text-caption);letter-spacing:.02em}.aff-sections{max-width:none;margin:0;padding:0 48px 80px}.aff-group{margin-bottom:56px}.aff-group:last-child{margin-bottom:0}.aff-group-head{max-width:960px;margin:0 auto 24px;padding:0}.aff-group-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:400;color:var(--aff-text-editorial);letter-spacing:.06em;margin:0 0 4px;line-height:1.4}.aff-group-sub{font-family:var(--font-body);font-size:.78rem;font-weight:400;color:var(--aff-text-caption);font-style:italic;letter-spacing:.04em}.aff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:960px;margin:0 auto}.aff-card{display:flex;flex-direction:column;background:#ffffff73;border:1px solid rgba(200,190,170,.15);border-radius:16px;text-decoration:none;color:var(--aff-text-editorial);backdrop-filter:blur(48px) saturate(1.3);-webkit-backdrop-filter:blur(48px) saturate(1.3);box-shadow:0 1px 4px #3c372d0a;overflow:hidden;transition:background .3s ease,box-shadow .3s ease,transform .3s ease,border-color .3s ease}.aff-card:hover{background:#fff9;box-shadow:0 8px 32px #786e5a14;transform:translateY(-3px);border-color:#c8beaa38;opacity:1}.aff-card:active{transform:scale(.98);transition:transform 80ms ease}.aff-card-img{width:100%;max-height:180px;object-fit:cover;border-radius:16px 16px 0 0;display:block;background:#f0eee880}.aff-card-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 18px}.aff-card-label{font-family:var(--font-body);font-size:.72rem;font-weight:600;color:var(--aff-text-caption);margin-bottom:10px;letter-spacing:.22em;text-transform:uppercase}.aff-card-benefit{font-family:var(--font-heading);font-size:.95rem;font-weight:400;line-height:1.7;color:var(--aff-text-editorial);margin-bottom:16px;letter-spacing:.06em;flex:1}.aff-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(200,190,170,.12)}.aff-card-sub{font-size:.78rem;color:var(--aff-text-caption);letter-spacing:.04em;font-style:italic}.aff-card-cta{font-size:.78rem;color:var(--color-accent);font-weight:400;letter-spacing:.08em;transition:opacity .3s ease}.aff-card:hover .aff-card-cta{opacity:.7}@media(max-width:1024px){.aff-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){.affiliate-fab{bottom:20px;right:16px;padding:12px 22px 12px 18px;font-size:.85rem}.affiliate-fab-icon{width:16px;height:16px}.aff-peek,.aff-sidebar{display:none}.aff-main{left:0;right:0}.aff-main:before{left:0;right:0}.aff-modal-close{bottom:auto;right:16px;top:16px}.aff-hero{padding:72px 24px 32px}.aff-hero-title{font-size:1.8rem}.aff-sections{padding:0 16px 56px}.aff-grid{grid-template-columns:1fr;gap:18px}.aff-card-img{max-height:160px}.aff-group{margin-bottom:40px}.aff-group-title{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.aff-main,.aff-sidebar,.aff-modal,.aff-modal-close{transition:none}.aff-modal-close svg{transition:none}.affiliate-fab{transition:none;animation:none;box-shadow:0 4px 16px #5aa0c866}.affiliate-fab-icon{transition:none}.affiliate-fab:hover{transform:none}.aff-card{transition:none}.aff-card:hover{transform:none}.aff-card-cta{transition:none}.aff-card:hover .aff-card-cta{transform:none}.aff-sidebar-item{transition:none}.aff-sidebar-item:before{transition:none}}:root{--color-base: #f0f2f5;--color-base-warm: #faf8f5;--color-base-immersive: #e8ecf2;--color-card: rgba(255,255,255,.7);--color-card-hover: rgba(255,255,255,.9);--color-text: #2d3748;--color-text-dim: #718096;--color-accent: #4a8bc4;--color-accent-warm: #e8a87c;--color-accent-dim: rgba(91,155,213,.3);--color-fog: rgba(180,195,220,.25);--color-fog-strong: rgba(180,195,220,.4);--color-border: rgba(0,0,0,.1);--color-dawn: #e8a87c;--color-dawn-pink: #d4738a;--font-heading: "Varela Round", sans-serif;--font-body: "Nunito Sans", sans-serif;--radius: 16px;--radius-sm: 10px;--transition-slow: .6s ease;--transition-normal: .3s ease;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-sine: cubic-bezier(.37, 0, .63, 1);--spring: cubic-bezier(.22, 1.2, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:300;background:linear-gradient(170deg,#f0f2f5,#e8edf5,#f2ece8 80%,#f0f2f5);background-attachment:fixed;color:var(--color-text);min-height:100vh;min-height:100dvh;line-height:1.6;overflow-x:hidden;overscroll-behavior:contain;-webkit-font-smoothing:antialiased;transition:background .8s ease;-webkit-user-select:none;user-select:none}body.immersive{background:var(--color-base-immersive)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;line-height:1.3}a{color:var(--color-accent);text-decoration:none;transition:opacity var(--transition-normal)}a:hover{opacity:.8}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:var(--color-text)}input,textarea{-webkit-user-select:text;user-select:text}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.page-enter{animation:fadeIn 1s var(--ease-out-expo) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.back-btn{position:fixed;top:24px;left:24px;z-index:100;display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--color-card);border-radius:var(--radius);font-size:.9rem;color:var(--color-text-dim);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s var(--ease-out-expo);border:1px solid var(--color-border);text-decoration:none;box-shadow:0 2px 8px #0000000a}.back-btn:hover{background:var(--color-card-hover);color:var(--color-text);opacity:1;box-shadow:0 6px 20px #00000014;transform:translate(-2px)}.back-btn svg{width:16px;height:16px;transition:transform .3s var(--ease-out-expo)}.back-btn:hover svg{transform:translate(-2px)}.start-btn{position:relative;padding:14px 48px;background:var(--color-accent);border:none;border-radius:var(--radius);color:#fff;font-family:var(--font-heading);font-size:1.1rem;transition:all .3s var(--ease-out-expo);cursor:pointer;box-shadow:0 2px 12px #5b9bd540}.start-btn:hover{background:#3d7ab3;transform:translateY(-3px);box-shadow:0 8px 28px #5b9bd559;animation:startBtnPulse .4s var(--ease-out-expo) forwards}@keyframes startBtnPulse{0%{box-shadow:0 8px 28px #5b9bd559}50%{box-shadow:0 10px 36px #5b9bd573}to{box-shadow:0 8px 28px #5b9bd559}}.start-btn:active{transform:scale(.96);box-shadow:0 1px 4px #5b9bd526;transition:transform 80ms ease,box-shadow 80ms ease}.end-btn{padding:12px 32px;background:var(--color-accent);border:none;border-radius:var(--radius);color:#fff;font-family:var(--font-heading);font-size:1rem;text-decoration:none;transition:all .3s var(--ease-out-expo);cursor:pointer;box-shadow:0 2px 8px #5b9bd533}.end-btn:hover{background:#3d7ab3;color:#fff;opacity:1;transform:translateY(-3px);box-shadow:0 8px 24px #5b9bd559}.end-btn:active{transform:scale(.96);box-shadow:0 1px 4px #5b9bd51a;transition:transform 80ms ease,box-shadow 80ms ease}.end-btn.secondary{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-dim);box-shadow:0 2px 8px #0000000a}.end-btn.secondary:hover{background:var(--color-card-hover);color:var(--color-text);box-shadow:0 6px 20px #00000014}.hidden{display:none!important}.timer-display{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-text-dim);letter-spacing:.05em}.sound-toggle{position:fixed;top:24px;right:24px;z-index:100;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s var(--ease-out-expo);box-shadow:0 2px 8px #0000000a}.sound-toggle:hover{background:var(--color-card-hover);box-shadow:0 4px 16px #0000000f}.sound-toggle svg{width:20px;height:20px;color:var(--color-text-dim)}@media(max-width:640px){.sound-toggle{top:16px;right:16px;width:44px;height:44px}.sound-toggle svg{width:18px;height:18px}}.ripple{position:fixed;width:300px;height:300px;margin-left:-150px;margin-top:-150px;border-radius:50%;pointer-events:none;z-index:9999;background:radial-gradient(circle,rgba(91,155,213,.05) 0%,rgba(91,155,213,.015) 40%,transparent 70%);transform:scale(0);opacity:1;animation:rippleExpand 1.2s var(--ease-out-expo) forwards}@keyframes rippleExpand{0%{transform:scale(0);opacity:.08}60%{opacity:.04}to{transform:scale(1);opacity:0}}button:active,a.state-card:active,a.end-btn:active{transform:scale(.96);transition:transform 80ms ease}@keyframes completionFlash{0%{opacity:0}30%{opacity:.15}to{opacity:0}}.completion-flash{position:fixed;inset:0;background:#fff;pointer-events:none;z-index:10000;animation:completionFlash .5s ease-out forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.shader-canvas{display:none}body{background:linear-gradient(160deg,#f0f2f5,#e8ecf2,#f0f2f5)}.ripple{display:none}.back-btn:hover svg{transform:none}}@media(max-width:640px){html{font-size:14px}.back-btn{top:16px;left:16px;padding:10px 16px;min-height:44px;display:flex;align-items:center}}