:root{--color-background:#f7f5ee;--element-background:#fff;--color-primary:#ff8400;--color-primary-hover:#e4b700;--color-primary-light:#ffc000;--color-secondary:#ffcb77;--color-secondary-hover:#e7b86c;--color-secondary-light:#ffcb77;--color-blue:#0570de;--color-accent:#227c9d;--color-accent-hover:#1f6e8a;--color-accent-light:#227c9d;--color-card-background-alternate:#e8ebdc;--color-white:#fff;--color-black:#1a1a1a;--color-grey-dark:#4a4a4a;--color-grey-medium:#7a7a7a;--color-grey-light:#bababa;--color-grey-lighter:#e5e5e5;--color-grey-lightest:#f5f5f5;--color-success:#17c3b2;--color-warning:#ffcb77;--color-error:#fe6d73;--color-info:#227c9d;--globe-water:#3f3ffe;--globe-land:#17c33c;--globe-city:#ffcb77;--globe-landmark:#ff8400;--color-muted-dark:#574c50;--color-muted-dark-strong-2:#77676d;--color-muted-light:#f2efe3;--color-muted-light-strong-1:#ece7d5;--color-muted-light-strong-2:#e6dfc7;--color-muted-light-strong-3:#dfd6b9;--color-muted-light-strong-4:#d8ceab;--color-muted:var(--color-muted-dark);--glass-bg:white 85%;--glass-border:white 30%;--glass-shadow:0 8px 32px #c33c541a;--glass-blur:12px;--shadow-xs:0 2px 1.5px #0000000d;--shadow-xs-medium:0 2px 1.5px #00000013;--shadow-xs-heavy:0 2px 1.5px #00000026;--shadow-sm:0 2px 4px #0000000d;--shadow-sm-medium:0 2px 4px #00000026;--shadow-sm-heavy:0 2px 4px #0000004d;--shadow-md:0 4px 12px #00000014;--shadow-md-medium:0 4px 12px #00000038;--shadow-md-heavy:0 4px 12px #0006;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000029;--shadow-xl-heavy:0 16px 48px #00000052;--shadow-glow:0 0 20px #c33c544d;--shadow-s-medium:var(--shadow-sm-medium);--shadow-s-heavy:var(--shadow-sm-heavy);--shadow-m-medium:var(--shadow-md-medium);--shadow-m-heavy:var(--shadow-md-heavy);--shadow-text:0 1px 1px #0003;--shadow-inset-sm:inset 0 1px 2px #0000001a;--shadow-inset-sm-full:inset 0 2px 4px #0000001a, inset 0 -1px 0px white;--shadow-inset-xs:inset 0 1.5px 2px #0000000d;--shadow-inset-xs-full:inset 0 1.5px 2px #0000000d, inset 0 -1px 0px white;--shadow-input-inset:inset 0 1px 2px #0000001a, inset 0 -2px 0px white;--shadow-input-inset-focus:inset 0 1px 2px #0000001f, inset 0 -2px 0px white;--input-bg:#edf3ee;--input-bg-focus:#dae1db;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-display:"Crimson Text", "Playfair Display", Georgia, serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", monospace;--icon-size:36px;--checkbox-size:24px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-xs:.25rem;--space-sm:.5rem;--space-sm-plus:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-lg-plus:1.75rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--padding-button:var(--space-md) var(--space-lg);--padding-card:var(--space-lg);--padding-screen:var(--space-md);--gap-options:var(--space-md);--header-height:40px;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--bounce:cubic-bezier(.68, -.55, .265, 1.55);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--duration-slower:.8s;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-notification:80;--z-top:90;--z-max:100}@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{min-height:100dvh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}}@layer base{html{background-color:var(--color-background);width:100%;height:100%}body{min-height:100dvh;-webkit-overflow-scrolling:touch;overscroll-behavior:none;background-color:var(--color-background);width:100%;min-height:-webkit-fill-available;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--color-grey-dark);overflow:hidden auto}*{-webkit-tap-highlight-color:transparent}div,section,article,header,footer,nav,main,aside,h1,h2,h3,h4,h5,h6,p,span,a,img,picture,video,canvas,svg,button,input,textarea,select,label,ul,ol,li,dl,dt,dd,table,thead,tbody,tfoot,tr,td,th,form,fieldset,legend,blockquote,figure,figcaption,pre,code,.card,.option-card,.screen,.container{animation:.3s ease-out both fadeInZoom}:first-of-type{animation-delay:0s}:nth-of-type(2){animation-delay:50ms}:nth-of-type(3){animation-delay:.1s}:nth-of-type(4){animation-delay:.15s}:nth-of-type(5){animation-delay:.2s}:nth-of-type(6){animation-delay:.25s}:nth-of-type(7){animation-delay:.3s}:nth-of-type(8){animation-delay:.35s}:nth-of-type(9){animation-delay:.4s}:nth-of-type(10){animation-delay:.45s}:nth-of-type(n+11){animation-delay:.5s}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-black)}h1{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-md)}h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}h3{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}p{margin-bottom:var(--space-md)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}main:focus-visible{outline:none}button:focus-visible{outline-offset:4px}.container{width:100%;max-width:600px;padding:var(--padding-screen);padding-top:calc(env(safe-area-inset-top) + var(--padding-screen) + var(--header-height));padding-bottom:calc(env(safe-area-inset-bottom) + var(--padding-screen));margin:0 auto}body.no-header .container{padding-top:calc(env(safe-area-inset-top) + var(--padding-screen))}#app{min-height:100dvh;position:relative}.screen{animation:fadeInUp var(--duration-normal) var(--ease-out);min-height:100dvh;flex-direction:column;justify-content:flex-start;min-height:-webkit-fill-available;display:flex}.screen-content{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.9)}to{transform:scale(1)}}button,.card,.option-card{-webkit-user-select:none;user-select:none}.scroll-smooth{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}}@layer components{.preloader{background:var(--color-background);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-out,visibility .5s ease-out;display:flex;position:fixed;top:0;left:0}.preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-content{text-align:center;padding:2rem}.preloader-spinner{width:120px;height:120px;margin:0 auto 2rem;position:relative}.spinner-ring{border:3px solid #0000;border-top-color:var(--color-primary);border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.68,-.55,.27,1.55) infinite spinnerRotate;position:absolute;top:50%;left:50%}.spinner-ring:first-child{border-top-color:var(--color-primary);opacity:.8;animation-delay:0s;transform:translate(-50%,-50%)scale(1)}.spinner-ring:nth-child(2){border-top-color:var(--color-primary-light);opacity:.6;animation-delay:.1s;transform:translate(-50%,-50%)scale(.8)}.spinner-ring:nth-child(3){border-top-color:var(--color-accent);opacity:.4;animation-delay:.2s;transform:translate(-50%,-50%)scale(.6)}@keyframes spinnerRotate{0%{transform:translate(-50%, -50%) rotate(0deg) scale(var(--scale,1))}50%{transform:translate(-50%, -50%) rotate(180deg) scale(calc(var(--scale,1) * 1.1))}to{transform:translate(-50%, -50%) rotate(360deg) scale(var(--scale,1))}}.preloader-title{font-family:var(--font-primary);font-size:2rem;font-weight:var(--font-bold);color:var(--color-primary);letter-spacing:-.02em;margin:0 0 .5rem}.preloader-message{font-family:var(--font-primary);color:var(--color-text-secondary);opacity:.8;margin:0 0 1rem;font-size:1rem}.preloader-progress{justify-content:center;gap:.5rem;display:flex}.preloader-progress .dot{background-color:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite dotPulse}.preloader-progress .dot:first-child{animation-delay:0s}.preloader-progress .dot:nth-child(2){animation-delay:.2s}.preloader-progress .dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.5)}}.fixed-action-button-container{z-index:998;pointer-events:none;flex-shrink:0;margin-top:50px;margin-bottom:-25px;padding:0 0 20px;position:sticky;bottom:0}.fixed-action-button-container:before{content:"";background:linear-gradient(to bottom, transparent 0%, #fff5f74d 20%, #fff5f799 40%, #fff5f7d9 60%, #fff5f7f2 80%, var(--color-background) 100%);pointer-events:none;z-index:-1;width:100dvw;height:150px;box-shadow:0 130px 0 var(--color-background);position:absolute;bottom:0;left:50%;right:0;transform:translate(-50%)}.fixed-action-button-container.black:before{background:linear-gradient(#0000 0%,#0000004d 20%,#0009 40%,#000000d9 60%,#000000f2 80%,#000 100%)}.fixed-action-button-container .btn-primary,.fixed-action-button-container .btn-secondary{pointer-events:auto;margin:30px auto 0;display:block;position:relative}@media (width<=768px){.fixed-action-button-container:before{height:130px}.fixed-action-button-container .btn-primary,.fixed-action-button-container .btn-secondary{max-width:100%}}.btn-primary{padding:var(--padding-button);width:100%;min-height:56px;font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);text-transform:none;letter-spacing:-.01em;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-s-medium);transition:all var(--duration-normal) var(--ease-in-out);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-m-medium);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled,.btn-primary.btn-disabled{cursor:not-allowed;background:#789}.btn-primary.large{min-height:64px;font-size:var(--text-xl)}.btn-primary.glow{animation:2s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{box-shadow:var(--shadow-md), 0 0 20px #c33c544d}50%{box-shadow:var(--shadow-lg), 0 0 40px #c33c5480}}.btn-secondary{padding:var(--padding-button);width:100%;min-height:56px;font-size:var(--text-lg);font-weight:var(--font-semibold);background:var(--glass-bg);color:var(--color-primary);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-in-out);justify-content:center;align-items:center;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--color-white);border-color:var(--color-primary);transform:translateY(-1px)}.btn-link{width:100%;text-decoration:underline}.btn-capture{background:var(--color-white);width:72px;height:72px;box-shadow:var(--shadow-lg);transition:all var(--duration-normal) var(--ease-in-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-capture:active{transform:scale(.95)}.capture-icon{background:var(--color-primary);border-radius:50%;width:32px;height:32px}.button-group{gap:var(--space-md);display:flex}.button-group button{flex:1}.btn-primary.loading{opacity:.7;cursor:not-allowed}.btn-primary.loading:hover{box-shadow:var(--shadow-medium);transform:none}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow)}.panel{background:var(--element-background);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--padding-card);margin:var(--space-lg) 0}.step{text-align:left;padding:.5rem 0}.step #user-email-display{font-weight:700}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--padding-card);box-shadow:var(--glass-shadow);transition:all var(--duration-normal) var(--ease-in-out)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.option-card{padding:var(--space-md);border-radius:var(--radius-lg);background:var(--element-background);transition:all var(--duration-normal) var(--ease-in-out);cursor:pointer;min-height:60px;box-shadow:var(--shadow-sm);text-align:left;border:2px solid #0000;border:1px solid var(--color-muted-light-strong-2);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.option-card.simple{overflow-wrap:anywhere;align-items:flex-start}.option-card:hover{box-shadow:var(--shadow-md)}.option-card.selected,.option-card.selectable.active{box-shadow:none;background:var(--color-muted-light-strong-2);box-shadow:var(--shadow-inset-xs-full);border-color:var(--color-background)}.option-card.with-icon{gap:var(--space-md);text-align:left;flex-direction:row;justify-content:start}.option-card-icon{width:var(--icon-size);height:var(--icon-size);fill:currentColor;opacity:.8;transition:opacity var(--duration-normal) var(--ease-in-out);flex-shrink:0}img.option-card-icon{filter:brightness(0)saturate()invert(27%)sepia(11%)saturate(797%)hue-rotate(293deg)brightness(95%)contrast(88%)}img.option-card-icon.with-color{filter:none}.option-card.with-icon:before{content:"";left:calc(var(--space-md) - var(--space-xs));width:calc(var(--icon-size) + 2 * var(--space-xs));height:calc(var(--icon-size) + 2 * var(--space-xs));background:var(--color-background);box-shadow:var(--shadow-inset-xs-full);border:1px solid var(--color-muted-light-strong-2);border-radius:20%;position:absolute}.option-card.with-icon.selected:before,.option-card.with-icon.active:before{box-shadow:var(--shadow-sm)}.option-card{padding-right:calc(var(--checkbox-size) + 2 * var(--space-sm-plus))}.option-card.simple:after,.option-card.with-icon:after{content:"";right:var(--space-sm-plus);width:var(--checkbox-size);height:var(--checkbox-size);background:var(--color-background);box-shadow:var(--shadow-inset-xs-full);border:1px solid var(--color-muted-light-strong-2);border-radius:50%;position:absolute}.option-card.simple.selected:after,.option-card.with-icon.selected:after,.option-card.with-icon.active:after,.option-card.simple.active:after{content:"●";text-align:center;color:var(--color-muted-dark);box-shadow:none;box-shadow:var(--shadow-sm);font-weight:500;line-height:22px}.option-card.selectable:after{border-radius:25%}.option-card.selectable.active:after{content:"✓";font-weight:800}img.option-card-icon{object-fit:contain}.option-card:hover .option-card-icon,.option-card.selected .option-card-icon,.option-card.selectable.active .option-card-icon{opacity:1}.option-title{font-weight:var(--font-semibold);color:var(--color-black)}.option-subtitle{font-size:var(--text-sm);color:var(--color-grey-medium);margin-top:var(--space-xs);width:100%}.option-title-subtitle-container{flex-direction:column;display:flex}.options-grid-image{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.option-card.with-image{text-align:center;min-height:180px;padding:0;overflow:visible}.option-image.age-option{margin-bottom:-10px}.option-card.with-image .option-image{object-fit:cover;width:100%;display:block}.option-card.with-image .option-text{padding:var(--space-sm);font-weight:var(--font-semibold);color:var(--color-black);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffa0;border-top:2px solid #ffffff50;width:100%;display:block;position:absolute;bottom:0}.option-card.with-image.selected .option-text{background:linear-gradient(135deg,#c33c540d 0%,#c33c5405 100%)}.option-card.with-image .option-text{background:linear-gradient(to bottom, transparent 0%, #fff5f74d 5%, #fff5f799 10%, #fff5f7d9 20%, #fff5f7f2 60%, var(--color-background) 100%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;height:60px;padding-top:30px;-webkit-mask:linear-gradient(#0000,#fff,#fff);mask:linear-gradient(#0000,#fff,#fff)}.option-card.with-image .age-option-image-container{clip-path:inset(-100% 0 -18px);height:100%;margin-top:-48px}.age-option-text-container{border-radius:var(--radius-lg);width:100%;height:100%;position:absolute;overflow:hidden}.screen[data-screen=age] span.option-text{font-weight:900}.concerns-identified{margin:var(--space-xl) 0}.concerns-identified h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-lg);text-align:center}.concern-cards{gap:var(--space-md);flex-direction:column;display:flex}.concern-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-small);transition:all .3s;display:flex}.concern-card:hover{box-shadow:var(--shadow-medium);border-color:var(--color-primary-light);transform:translateY(-2px)}.concern-icon{font-size:var(--text-xl);border-radius:var(--radius-full);background:linear-gradient(135deg,#c33c541a 0%,#c33c540d 100%);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.concern-card span:not(.concern-icon){font-size:var(--text-base);color:var(--color-text);font-weight:var(--font-medium);flex:1}.research-fact-image{margin:var(--space-xl) 0}.fact-image{border-radius:var(--radius-lg);border:2px solid var(--glass-border);width:100%;max-width:400px;height:auto;box-shadow:var(--shadow-md-medium);background-color:#efecec;margin:0 auto;display:block}@media (width<=480px){.fact-image{max-width:none;box-shadow:none;margin:0 auto -100px;margin-left:calc(-1 * var(--padding-screen));margin-right:calc(-1 * var(--padding-screen));width:calc(100% + 2 * var(--padding-screen));background-color:#0000;border:none;border-radius:0;margin-top:-2rem;display:block}}.research-fact-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-lg) 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.fact-text{font-size:var(--text-base);color:var(--color-text);margin:0 0 var(--space-md) 0;line-height:1.6}.fact-reference{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-semibold);text-align:right;margin:0;font-style:italic}.cart-in-robe{filter:drop-shadow(0 10px 4px #00000020);pointer-events:none;width:95%;margin:5rem 0 0 52%;position:sticky;bottom:10px}.info-big-card{width:270px;margin:auto}.info-big-text{width:50%;position:absolute;top:80px;right:0}.vertical-gradient-text-background{background:linear-gradient(to bottom, rgb(from var(--color-background) r g b / 0) 0%, rgb(from var(--color-background) r g b / .5) 20%, rgb(from var(--color-background) r g b / .95) 40%, rgb(from var(--color-background) r g b / .95) 60%, rgb(from var(--color-background) r g b / .5) 80%, rgb(from var(--color-background) r g b / 0) 100%)}.selfie-tips{gap:var(--space-sm);display:grid}.selfie-tips .tip{align-items:center;gap:var(--space-sm);display:flex}.selfie-tips .tip span{padding-right:var(--space-sm);flex-shrink:0;font-size:2em;line-height:1}@media (width<=480px){.concern-card{padding:var(--space-sm) var(--space-md)}.concern-icon{width:32px;height:32px;font-size:var(--text-lg)}}.input{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-base);background-color:var(--input-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-input-inset);transition:all var(--duration-normal) var(--ease-in-out);border:none}.input:focus{background-color:var(--input-bg-focus);box-shadow:var(--shadow-input-inset-focus);outline:none}.input-with-action{position:relative}.input-with-action .input{padding-right:calc(var(--space-lg) + 44px)}.input-action-btn{top:50%;right:var(--space-sm);background:var(--color-primary);width:40px;height:40px;color:var(--color-white);cursor:pointer;box-shadow:var(--shadow-xs-heavy);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-in-out), transform var(--duration-normal) var(--ease-in-out), background var(--duration-normal) var(--ease-in-out);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;transform:translateY(-50%)!important}.input-action-btn svg{pointer-events:none}.input-action-btn.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)scale(1)}.input-action-btn:hover{background:var(--color-primary-hover)}.input-action-btn:active{transform:translateY(-50%)scale(.92)}.input.error{border-color:var(--color-error)}.input.success{border-color:var(--color-success)}.textarea{resize:vertical;min-height:100px;font-family:var(--font-primary);width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-base);background-color:var(--input-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-input-inset);transition:all var(--duration-normal) var(--ease-in-out);border:none}.textarea:focus{background-color:var(--input-bg-focus);box-shadow:var(--shadow-input-inset-focus);outline:none}select,.select{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-base);font-family:var(--font-primary);background-color:var(--input-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-input-inset);transition:all var(--duration-normal) var(--ease-in-out);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%234A4A4A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:none;padding-right:2.5rem}select:focus,.select:focus{background-color:var(--input-bg-focus);box-shadow:var(--shadow-input-inset-focus);outline:none}.input-group{margin-bottom:var(--space-lg)}.input-validation{margin-top:var(--space-xs);font-size:var(--text-sm);height:20px;display:block}.input-validation.error{color:var(--color-error)}.input-validation.success{color:var(--color-success)}.options-grid{gap:var(--gap-options);margin-bottom:var(--space-xl);display:grid}.options-grid.half-screen-left{grid-template-columns:repeat(1,1fr);width:50%}@media (width>=480px){.options-grid:has(button:nth-child(5)){grid-template-columns:repeat(2,1fr)}.options-grid:has(button:nth-child(5)) button:last-child:nth-child(odd){grid-column:1/-1}}.options-grid.multi-select{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.email-benefits{background:var(--gray-50);border-radius:var(--radius-md);padding:0 var(--space-lg);margin-bottom:var(--space-xl)}.benefit-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--gray-700);display:flex}.benefit-icon{color:var(--success-600);font-weight:var(--font-bold);flex-shrink:0}.email-form{gap:var(--space-lg);flex-direction:column;display:flex}.email-form .input-group{gap:var(--space-xs);flex-direction:column;display:flex}.email-form .input-field{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-base);background-color:var(--input-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-input-inset);border:none;transition:border-color .2s}.email-form .input-field:focus{border-color:var(--primary-500);outline:none}.email-form .input-validation{font-size:var(--text-sm);color:var(--error-600);display:none}.email-form .input-validation.error{display:block}.email-form .btn-full{width:100%}.privacy-note{justify-content:center;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-sm);display:flex}.lock-icon{font-size:var(--text-sm)}.header{top:var(--header-height);background:var(--color-muted-light-strong-2);height:4px;box-shadow:var(--shadow-inset-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-top);position:fixed;left:0;right:0}.header.hidden{display:none}.header-label{width:100%;height:var(--header-height);line-height:var(--header-height);font-weight:var(--font-bold);text-align:center;top:calc(var(--header-height) * -1);background:var(--color-background);position:absolute}.header-back-button{left:calc(var(--header-height) * .2);top:calc(var(--header-height) * -.75);width:calc(var(--header-height) * .5);height:calc(var(--header-height) * .5);line-height:var(--header-height);text-align:center;color:var(--color-grey-medium);cursor:pointer;position:absolute}.header-progress-fill{background:var(--color-primary);height:100%;box-shadow:var(--shadow-inset-sm);transition:width var(--duration-slow) var(--ease-in-out)}.progress-bar-large{background:var(--glass-bg);border-radius:var(--radius-full);height:8px;margin:var(--space-lg) 0;overflow:hidden}.screen-counter{top:var(--space-md);right:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-grey-medium);z-index:var(--z-sticky);display:none;position:fixed}.spinner{border:3px solid var(--glass-border);border-top-color:var(--color-primary);width:60px;height:60px;animation:spin var(--duration-slower) linear infinite;margin:var(--space-xl) auto;border-radius:50%}.progress-ring{width:200px;height:200px;margin:var(--space-xl) auto;position:relative}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--glass-border);stroke-width:4px}.progress-ring-fill{fill:none;stroke:var(--color-primary);stroke-width:4px;stroke-dasharray:283;stroke-dashoffset:283px;transition:stroke-dashoffset var(--duration-slow) var(--ease-in-out)}.progress-percentage{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important}.metrics-grid{margin:var(--space-xl) 0}.metric-item{margin-bottom:var(--space-lg)}.metric-label{font-size:var(--text-sm);color:var(--color-grey-medium);margin-bottom:var(--space-xs);display:block}.metric-bar{background:var(--glass-bg);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-xs);position:relative;overflow:hidden}.metric-current{background:var(--color-grey-light);border-radius:var(--radius-full);z-index:1;height:100%;position:absolute}.metric-target{background:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-light));opacity:.3;border-radius:var(--radius-full);height:100%;position:absolute}.metric-value{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-semibold)}.metrics-grid .metric-bar{background:var(--glass-bg);border-radius:var(--radius-full);height:12px;margin-bottom:var(--space-xs);position:relative;overflow:visible;box-shadow:inset 0 1px 2px #0000001a}.metrics-grid .metric-current{border-radius:var(--radius-full) 0 0 var(--radius-full);height:100%;box-shadow:var(--shadow-inset-sm);background:linear-gradient(90deg,#fe7979,#ff9797);transition:width 1s ease-out;position:absolute}.metrics-grid .metric-target{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-full);height:100%;box-shadow:var(--shadow-inset-sm);transition:width 1s ease-out;position:absolute}.metrics-grid .metric-value{font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-semibold);align-items:center;gap:var(--space-xs);display:flex}.metrics-grid .metric-value:before{content:"";background:linear-gradient(135deg, #ff6b6b, var(--color-primary));border-radius:50%;width:12px;height:12px;display:inline-block}.metrics-list{gap:var(--space-md);flex-direction:column;display:flex}.metrics-list .metric{padding:var(--space-sm) 0;font-size:var(--text-base);color:var(--color-text);justify-content:space-between;align-items:center;display:flex;position:relative}.metrics-list .metric:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--glass-border) 20%, var(--glass-border) 80%, transparent 100%);height:1px;position:absolute;bottom:0;left:0;right:0}.metrics-list .metric:last-child:after{display:none}.metrics-list .metric span:first-child{font-weight:var(--font-medium);color:var(--color-grey-dark)}.metrics-list .metric-value{font-weight:var(--font-bold);font-size:var(--text-lg);font-variant-numeric:tabular-nums}.metrics-list .metric-value.improved{color:var(--color-success);animation:2s ease-in-out infinite improvedPulse;position:relative}@keyframes improvedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-banner{background:linear-gradient(135deg, var(--color-warning), var(--color-secondary));color:var(--color-white);padding:var(--space-md);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--space-lg);box-shadow:var(--shadow-s-medium);text-shadow:var(--shadow-text)}.timer{font-size:var(--text-xl);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;margin-left:var(--space-sm);display:inline-block}.lang-selector-compact{right:var(--space-md);top:var(--space-md);z-index:var(--z-dropdown);position:absolute}.lang-selector-compact .lang-selector-trigger{border:1px solid var(--color-muted-light-strong-2);border-radius:var(--radius-sm);box-shadow:none;background:0 0;padding:.2rem .4rem}.lang-selector-compact .lang-selector-trigger span{opacity:.75!important}.lang-selector-trigger{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-white);border:1px solid var(--color-grey-light);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-sm);color:var(--color-grey-dark);transition:all var(--duration-fast) var(--ease-in-out);box-shadow:var(--shadow-sm);display:flex}.lang-selector-trigger:hover{background-color:var(--color-muted-light);border-color:var(--color-grey)}.lang-selector-trigger:focus{border-color:var(--color-primary);outline:none}.lang-selector-compact .lang-flag{font-size:var(--text-base);line-height:1}.lang-selector-compact .lang-code{font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px;font-size:var(--text-xs)}.lang-selector-menu{top:calc(100% + var(--space-xs));background:var(--color-white);border-radius:var(--radius-md);min-width:150px;box-shadow:var(--shadow-lg);padding:var(--space-xs) 0;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-in-out), transform var(--duration-fast) var(--ease-in-out), visibility var(--duration-fast) var(--ease-in-out);margin:0;list-style:none;position:absolute;right:0;transform:translateY(-8px)}.lang-selector-compact.open .lang-selector-menu{opacity:1;visibility:visible;transform:translateY(0)}.lang-option{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out);display:flex}.lang-option:hover{background-color:var(--color-muted-light)}.lang-option.selected{background-color:var(--color-muted-light-strong)}.lang-option .lang-flag{font-size:var(--text-lg)}.lang-option .lang-name{font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-medium)}.language-dropdown{right:var(--space-sm);top:calc(var(--header-height) * -.85);z-index:var(--z-dropdown);position:absolute}.language-dropdown-trigger{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--color-grey-dark);transition:background-color var(--duration-fast) var(--ease-in-out);background:0 0;border:none;display:flex}.language-dropdown-trigger:hover{background-color:var(--color-muted-light)}.language-dropdown-trigger:focus{background-color:var(--color-muted-light);outline:none}.language-flag{font-size:var(--text-base);line-height:1}.language-code{font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.language-dropdown-arrow{transition:transform var(--duration-fast) var(--ease-in-out)}.language-dropdown.open .language-dropdown-arrow{transform:rotate(180deg)}.language-dropdown-menu{top:calc(100% + var(--space-xs));background:var(--color-white);border-radius:var(--radius-md);min-width:150px;box-shadow:var(--shadow-lg);padding:var(--space-xs) 0;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-in-out), transform var(--duration-fast) var(--ease-in-out), visibility var(--duration-fast) var(--ease-in-out);margin:0;list-style:none;position:absolute;right:0;transform:translateY(-8px)}.language-dropdown.open .language-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.language-option{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-in-out);display:flex}.language-option:hover{background-color:var(--color-muted-light)}.language-option.selected{background-color:var(--color-muted-light-strong)}.language-option .language-flag{font-size:var(--text-lg)}.language-option .language-name{font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-medium)}.testimonial-card{padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:var(--radius-lg);text-align:center}.testimonial-text{font-style:italic;font-size:var(--text-lg);margin-bottom:var(--space-md)}.testimonial-author{color:var(--color-grey-medium);font-size:var(--text-sm)}.testimonial-card-focused{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);margin:var(--space-xl) 0;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.user-avatar{width:150px;height:150px;margin:0 auto var(--space-md);background:var(--glass-bg);border:2px solid var(--color-primary-light);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-image{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:var(--color-grey-medium);font-size:2.5rem}.age-label{background:var(--color-primary-light);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-md);display:inline-block}.star-rating{justify-content:center;gap:var(--space-xs);margin-bottom:var(--space-lg);display:flex}.star{color:var(--color-grey-light);font-size:1.5rem}.star.filled{color:#ffb800}.testimonial-quote{font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-lg);max-width:90%;margin-left:auto;margin-right:auto;font-style:italic;line-height:1.6}.testimonial-caption{font-size:var(--text-xs);color:var(--color-grey-medium);text-transform:uppercase;letter-spacing:.05em}.testimonials-section{box-shadow:var(--shadow-sm);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--element-background)}.testimonials-section h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-normal);text-align:center;color:var(--color-black)}.testimonial{flex-direction:column;align-items:center;display:flex}.feature-list{margin:var(--space-xl) 0}.feature-list li{padding-left:var(--space-xl);margin-bottom:var(--space-md);color:var(--color-grey-dark);position:relative}.feature-list li:before{content:"✔";color:var(--color-success);font-weight:var(--font-bold);position:absolute;left:0}.features-list{margin:var(--space-xl) 0;padding:0 var(--space-md)}.feature{padding:var(--space-xs) 0;border-bottom:1px solid var(--glass-border)}.feature:last-child{border-bottom:none}.trust-elements{margin:var(--space-lg) 0;gap:var(--space-sm);justify-content:center;display:flex}.trust-item{text-align:left;padding:var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff}.trust-item p{align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm) 0;justify-content:center;display:flex}.trust-item strong{font-size:var(--text-sm)}.trust-item>span{font-size:var(--text-xs);color:var(--color-grey-medium);display:block}.trust-icon{flex-shrink:0;width:30px;height:30px}.policy-links{text-align:center;margin-top:var(--space-lg);font-size:var(--text-xs);color:var(--color-grey-medium)}.policy-links a{color:var(--color-grey-medium);transition:color var(--duration-normal);text-decoration:underline}.policy-links a:hover{color:var(--color-primary)}.policy-links .separator{margin:0 var(--space-xs)}.discount-badge{font-weight:var(--font-bold);font-size:var(--text-lg);text-transform:uppercase;letter-spacing:1px;padding:.5rem 1.5rem;animation:2s infinite pulse}.pricing-display{padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:var(--radius-lg)}.price-line{padding:var(--space-sm) 0;border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.price-line:last-child{border-bottom:none}.price-line.discount{color:var(--color-success)}.price-line.total{font-size:var(--text-xl);font-weight:var(--font-bold);padding:var(--space-md) 0}.price-line.small{font-size:var(--text-sm);color:var(--color-grey-medium)}.pricing-options-container{flex-direction:column;gap:1.25rem;margin:1.5rem 0;display:flex}.pricing-option{background:var(--element-background);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-xs-medium);border:2px solid #0000;border:1px solid var(--color-muted-light-strong-2);padding:0 1rem;transition:all .3s;position:relative;overflow:visible}.pricing-option:hover{box-shadow:var(--shadow-md-medium);border-color:var(--color-primary);transform:translateY(-2px)}.pricing-option.selected{border-color:var(--color-primary);box-shadow:var(--shadow-sm-medium), inset 0 0 0 1px var(--color-primary)}.pricing-option.selected .pricing-daily-old,.pricing-option.selected .pricing-daily-label{color:var(--color-muted-light)}.pricing-option.selected .pricing-daily-amount{color:#fff}.pricing-option-badge{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;z-index:1;white-space:nowrap;border-radius:var(--radius-full) var(--radius-full) var(--radius-full) 0;width:fit-content;margin:0;padding:.25rem .75rem;font-size:.75rem;font-weight:700;position:absolute;top:-14px;left:-1px;right:0}.pricing-option-content{justify-content:space-between;align-items:center;width:100%;display:flex}.pricing-option-left{flex:1;align-items:center;gap:.75rem;display:flex}.pricing-option-checkbox{width:26px;height:26px;box-shadow:var(--shadow-inset-xs);background:var(--color-background);border:1px solid var(--color-muted-light-strong-2);border-radius:100%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.pricing-option-checkbox.checked{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-inset-xs)}.pricing-option.selected .pricing-option-checkbox{background:var(--color-primary);border-color:var(--color-primary)}.pricing-option.selected .pricing-option-checkbox:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.pricing-option-info{flex-direction:column;display:flex}.pricing-option-title{color:var(--color-text);font-size:1.5rem;font-weight:600}.pricing-option-subtitle{color:var(--color-muted-dark-strong-2);margin-top:-.125rem;font-size:.85rem}.pricing-option-subtitle:empty{display:none}.pricing-option-prices{align-items:baseline;gap:.25rem;display:flex}.pricing-crossed{color:var(--color-muted-dark-strong-2);font-size:.85rem;text-decoration:line-through}.pricing-current{color:var(--color-muted-dark-strong-2);font-size:.85rem}.pricing-option-right{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:110px;min-height:60px;margin:.4rem -.5rem;padding:.5rem .5rem .5rem 1.25rem;display:flex;position:relative}.pricing-option-right-bg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.pricing-option-right-bg path{fill:var(--color-background);stroke:var(--color-muted-light-strong-2)}.pricing-option-right>:not(.pricing-option-right-bg){z-index:1;position:relative}.pricing-option.selected .pricing-option-right-bg path{fill:var(--color-primary);stroke:#fff}.pricing-daily-amount{color:var(--color-primary);margin:-6px 0;font-size:1.5rem;font-weight:700}.pricing-daily-label{color:var(--color-muted-dark-strong-2);text-transform:lowercase;margin:-2px 0;font-size:.75rem}.pricing-daily-old{color:var(--color-muted-dark-strong-2);margin:-2px 0;font-size:.75rem;text-decoration:line-through}.pricing-option-details{display:none}.pricing-detail{color:var(--color-text-secondary);justify-content:space-between;display:flex}.pricing-detail.highlight{color:var(--color-success);font-weight:600}.pricing-option.loading-placeholder{pointer-events:none;cursor:default;min-height:95px}.pricing-option.loading-placeholder:hover{box-shadow:var(--shadow-sm);transform:none}.pricing-option.loading-placeholder .pricing-option-content{min-height:56px}@keyframes skeleton-loading{0%{background-color:#0000000d}50%{background-color:#0000001a}to{background-color:#0000000d}}.skeleton{border-radius:50%;width:24px;height:24px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-text{border-radius:4px;height:1em;animation:1.5s ease-in-out infinite skeleton-loading;display:inline-block}.pricing-option-title.skeleton-text{width:120px;height:1.2em;margin-bottom:.5rem}.pricing-crossed.skeleton-text{width:60px;margin-right:.5rem}.pricing-current.skeleton-text{width:80px}.pricing-daily-amount.skeleton-text{width:50px;height:1.5em;margin-bottom:.25rem}.pricing-daily-label.skeleton-text{width:40px;height:.75em}.modal-backdrop{z-index:var(--z-modal-backdrop);padding:var(--spacing-4);background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;z-index:var(--z-modal);background:#fff;margin-bottom:200px;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-content{padding:var(--space-xl);position:relative}.modal-close{top:var(--space-md);right:var(--space-md);color:var(--gray-600);cursor:pointer;padding:var(--space-sm);background:0 0;border:none;font-size:28px;line-height:1;transition:color .2s;position:absolute}.modal-close:hover{color:var(--gray-900)}.modal-header{text-align:center;margin-bottom:var(--space-xl)}.modal-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-sm)}.modal-subtitle{font-size:var(--text-base);color:var(--gray-600);line-height:1.5}.checkout-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:20px 0;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.checkout-popup{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.checkout-header{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.checkout-title{color:#333;margin:0;font-size:18px;font-weight:600}.checkout-info{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;padding:16px 20px}.checkout-total{color:#333;margin-bottom:12px;font-size:16px;font-weight:500}.checkout-total-amount{color:#000;font-weight:600}.checkout-security{justify-content:space-between;align-items:center;font-size:14px;display:flex}.security-label{color:#666}.security-badge{align-items:center;gap:6px;display:flex}.security-icon{width:16px;height:16px}.security-text{color:#22c55e;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.checkout-close-btn{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:28px;transition:background-color .2s;display:flex}.checkout-close-btn:hover{background-color:#e5e5e5}.checkout-container{width:100%;min-height:500px;padding:var(--space-md);background:#fff;flex:1;overflow-y:auto}.paywall-v2-modal{z-index:10000;display:none;position:fixed;inset:0}.paywall-v2-modal.active{justify-content:center;align-items:center;display:flex}.paywall-v2-modal-backdrop{background:#00000080;position:absolute;inset:0}.paywall-v2-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:1em;position:relative;overflow-y:auto}.paywall-v2-modal-close{cursor:pointer;z-index:1;color:#999;border-radius:var(--radius-md);content:"✕";background:#fff;border:2px solid #999;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:-30px;margin-left:auto;padding:0;font-size:22px;display:flex;position:sticky;top:-10px}.paywall-v2-modal-header{margin-bottom:.5rem}.paywall-v2-modal-title{color:#1a1a1a;margin:4px 0 12px;font-size:20px;font-weight:600}.paywall-v2-selected-plan{border-radius:var(--radius-md);background:#f8f9fa;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.paywall-v2-plan-name{color:#333;font-size:16px;font-weight:500}.paywall-v2-plan-price{color:#0570de;font-size:18px;font-weight:600}#paywall-v2-payment-element{margin:24px 0}.paywall-v2-submit-button{color:#fff;cursor:pointer;background:#0570de;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:background .2s;display:none}.paywall-v2-submit-button:hover{background:#0258c7}.paywall-v2-submit-button:disabled{cursor:not-allowed;background:#ccc}.paywall-v2-error{color:#df1b41;text-align:center}.paywall-v2-divider{text-align:center;margin:14px 0;display:none;position:relative}.paywall-v2-divider hr{border:none;border-top:1px solid #e0e0e0}.paywall-v2-divider span{color:#666;background:#fff;padding:0 12px;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important}.paywall-v2-disclaimer{background:#f8f9fa;border-radius:8px;margin:24px 0 16px;padding:16px;display:none}.paywall-v2-disclaimer .disclaimer-text{font-size:var(--text-xs);color:#666;margin:0 0 12px;line-height:1.6}.paywall-v2-disclaimer .disclaimer-text:last-child{margin-bottom:0}.paywall-v2-disclaimer a{color:#0570de;text-decoration:none}.paywall-v2-disclaimer a:hover{text-decoration:underline}.payment-error-overlay{z-index:10001;opacity:0;background:#0009;justify-content:center;align-items:center;padding:20px;transition:opacity .2s ease-out;display:flex;position:fixed;inset:0}.payment-error-overlay.active{opacity:1}.payment-error-overlay.closing{opacity:0}.payment-error-popup{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:340px;padding:32px 24px;transition:transform .2s ease-out;transform:scale(.9)translateY(20px)}.payment-error-overlay.active .payment-error-popup{transform:scale(1)translateY(0)}.payment-error-overlay.closing .payment-error-popup{transform:scale(.9)translateY(20px)}.payment-error-icon{color:#ef4444;margin-bottom:16px}.payment-error-icon svg{display:inline-block}.payment-error-title{color:#1a1a1a;margin:0 0 12px;font-size:20px;font-weight:600}.payment-error-message{color:#666;margin:0 0 24px;font-size:15px;line-height:1.5}.payment-error-btn{min-height:48px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}body.camera-active{background:var(--color-black)}.camera-progress-container{padding:var(--space-md) var(--space-lg);padding-top:calc(env(safe-area-inset-top,0px) + var(--space-md));z-index:201;background:linear-gradient(#0009,#0000);position:fixed;top:0;left:0;right:0}.camera-progress-label{margin-bottom:var(--space-sm);font-size:var(--text-sm);color:#ffffffe6;font-weight:var(--font-medium);justify-content:space-between;align-items:center;display:flex}.camera-progress-bar{border-radius:var(--radius-full);background:#fff3;height:6px;overflow:hidden}.camera-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#4ade80,#22c55e);width:0%;height:100%;transition:width .3s ease-out;box-shadow:0 0 10px #4ade8080}.camera-screen{background:var(--color-black);padding:0}.face-landmarks-container{background:var(--color-black);z-index:100;height:100dvh;position:fixed;top:0;left:0}.camera-loading{background:var(--color-black);z-index:200;justify-content:center;align-items:center;width:100%;height:100dvh;transition:opacity .3s ease-out,visibility .3s ease-out;display:flex;position:fixed;top:0;left:0}.camera-loading.hidden{opacity:0;visibility:hidden;pointer-events:none}.camera-loading-content{text-align:center}.camera-loading-message{color:var(--color-white);font-size:var(--text-base);margin-top:var(--space-lg);opacity:.8}.camera-error-overlay{z-index:10000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.camera-error-dialog{background:var(--color-surface,#1a1a1a);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;max-width:320px}.camera-error-message{color:var(--color-white);font-size:var(--text-base);margin-bottom:var(--space-lg)}.camera-error-buttons{gap:var(--space-md);display:flex}.camera-error-buttons .btn{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;border:none;flex:1}.camera-error-buttons .btn-secondary{background:var(--color-grey-dark,#333);color:var(--color-white)}.camera-error-buttons .btn-primary{background:var(--color-primary);color:var(--color-white)}.camera-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl-heavy)}.results-layout{gap:var(--space-lg);margin:var(--space-xl) 0;align-items:flex-start;display:flex}.results-selfie{border-radius:var(--radius-xl);width:50%;box-shadow:var(--shadow-md-medium);background:var(--glass-bg);border:2px solid var(--glass-border);flex:none;overflow:hidden}.results-selfie img{aspect-ratio:.75;object-fit:cover;width:100%;height:auto;display:block}.results-metrics{gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.results-metrics .metric-item{margin-bottom:0}.results-metrics .metric-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.results-metrics .metric-label{font-size:var(--text-sm);color:var(--color-grey-dark);font-weight:var(--font-semibold);margin-bottom:0}.results-metrics .metric-value{font-size:var(--text-sm);color:var(--color-grey-dark);font-weight:var(--font-medium)}.results-metrics .metric-value:before{display:none}.results-metrics .metric-bar{background:var(--color-muted-light-strong-2);border-radius:var(--radius-full);height:8px;box-shadow:none;box-shadow:var(--shadow-inset-sm);margin-bottom:0;position:relative;overflow:hidden}.results-metrics .metric-current{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-full) 0 0 var(--radius-full);z-index:1;height:100%;position:absolute}.results-metrics .metric-target{background:linear-gradient(90deg, var(--color-accent), var(--color-success));border-radius:var(--radius-full);z-index:0;height:100%;position:absolute}@media (width<=480px){.results-layout{gap:var(--space-md)}.results-metrics .metric-bar{height:6px}}.selfie-preview{width:280px;height:280px;margin:var(--space-xl) auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:3px solid var(--glass-border);background:var(--glass-bg);position:relative;overflow:hidden}.selfie-preview img{object-fit:cover;width:100%;height:100%;display:block}.selfie-layer{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.selfie-bottom{z-index:1}.selfie-top{z-index:2;clip-path:inset(0 0 100%)}.analysis-overlay{z-index:3;pointer-events:none;background:linear-gradient(#c33c541a 0%,#c33c540d 50%,#c33c541a 100%);position:absolute;inset:0;overflow:hidden}.scan-line{background:linear-gradient(90deg, transparent 0%, var(--color-primary) 20%, var(--color-primary-light) 50%, var(--color-primary) 80%, transparent 100%);height:3px;animation:3s ease-in-out infinite scanAnimation;position:absolute;left:0;right:0;box-shadow:0 0 20px #c33c54cc,0 0 40px #c33c5480}.scan-line:before{content:"";filter:blur(10px);background:linear-gradient(#0000 0%,#c33c5433 50%,#0000 100%);height:40px;position:absolute;top:-20px;left:0;right:0}@keyframes scanAnimation{0%{opacity:0;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.analysis-overlay:after{content:"";background-image:linear-gradient(0deg,#c33c540d 1px,#0000 1px),linear-gradient(90deg,#c33c540d 1px,#0000 1px);background-size:20px 20px;animation:2s ease-in-out infinite gridPulse;position:absolute;inset:0}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}@media (width<=480px){.selfie-preview{width:240px;height:240px}}.analysis-title{margin-bottom:var(--space-lg)}.analysis-steps{gap:var(--space-md);margin:var(--space-xl) 0;text-align:left;flex-direction:column;display:flex}.analysis-step{gap:var(--space-xs);flex-direction:column;display:flex}.analysis-step .step-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-grey-medium);transition:color .3s}.analysis-step.active .step-label{color:var(--color-text)}.analysis-step.completed .step-label{color:var(--color-success)}.step-progress-bar{background:var(--glass-bg);border-radius:var(--radius-full);height:6px;overflow:hidden}.step-progress-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:var(--radius-full);width:0%;height:100%;transition:width .1s linear}.analysis-step.completed .step-progress-fill{background:linear-gradient(90deg, var(--color-success), #34d399)}.feedback-carousel{min-height:100px;margin-top:var(--space-lg);position:relative}.feedback-item{opacity:0;text-align:center;padding:var(--space-md);background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);transition:opacity .4s,transform .4s;position:absolute;top:0;left:0;right:0;transform:translate(20px);animation:none!important}.feedback-item *{animation:none!important}.feedback-item.active{opacity:1;position:relative;transform:translate(0)}.feedback-item.exiting{opacity:0;transform:translate(-20px)}.feedback-stars{color:#fbbf24;font-size:var(--text-lg);letter-spacing:2px;margin-bottom:var(--space-xs)}.feedback-text{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-sm);font-style:italic;line-height:1.5}.feedback-author{font-size:var(--text-xs);color:var(--color-grey-medium);font-weight:var(--font-medium)}.world-globe{justify-content:center;align-items:center;width:100%;height:300px;margin:2rem 0;display:flex;position:relative}.two-piles-of-coins{width:100%;height:300px;margin:20px 0;position:relative}.coin-labels{pointer-events:none;z-index:10;justify-content:center;width:100%;display:flex;position:absolute;bottom:20px}.coin-label{color:#1a1a1a;text-align:center;text-transform:uppercase;letter-spacing:.05em;width:120px;font-size:14px;font-weight:600}.coin-spacer{width:0}.current-problems-card{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium)}.current-problems-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-md)}.current-problems-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.current-problems-list li{align-items:center;gap:var(--space-sm);display:flex}.problem-icon{font-size:var(--text-lg);color:var(--color-primary);flex-shrink:0;line-height:1}.problem-text{font-size:var(--text-base);color:var(--color-text);line-height:1.4}.program-highlights-card{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium)}.program-highlights-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-md)}.program-highlights-list{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.program-highlights-list li{align-items:flex-start;gap:var(--space-sm);display:flex}.highlight-number{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-primary);flex-shrink:0;min-width:24px}.highlight-text{font-size:var(--text-base);color:var(--color-text);line-height:1.5}.comparison-grid{gap:var(--space-lg);margin:var(--space-xl) 0;justify-content:center;align-items:stretch;display:flex}.comparison-column{padding:var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex:1;transition:all .3s}.comparison-column h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-lg);text-align:center;padding-bottom:var(--space-sm);border-bottom:2px solid var(--glass-border)}.comparison-column.highlight{border-color:var(--color-primary-light);box-shadow:var(--shadow-md), 0 0 0 2px #c33c541a;background:linear-gradient(135deg,#c33c540d 0%,#c33c5405 100%)}.comparison-column.highlight h3{color:var(--color-primary);border-bottom-color:var(--color-primary-light)}.comparison-arrow{font-size:var(--text-3xl);color:var(--color-primary);font-weight:var(--font-bold);justify-content:center;align-items:center;min-width:40px;animation:2s ease-in-out infinite arrowPulse;display:flex}@keyframes arrowPulse{0%,to{opacity:.6;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(5px)scale(1.1)}}.achievement-banner{margin:var(--space-xl) 0;padding:var(--space-lg);text-align:center;border:2px solid var(--color-primary-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#c33c541a 0%,#ffb6c11a 100%)}.achievement-text{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary);margin:0;line-height:1.6}.confidence-badge{padding:var(--space-sm) var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-grey-medium);margin-top:var(--space-md);text-align:center;display:inline-block}.prediction-chart{margin:var(--space-xl) 0;padding:var(--space-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.chart-item{margin-bottom:var(--space-lg);opacity:0;animation:.6s ease-out forwards chartItemFadeIn}.chart-item:first-child{animation-delay:.1s}.chart-item:nth-child(2){animation-delay:.2s}.chart-item:nth-child(3){animation-delay:.3s}.chart-item:nth-child(4){animation-delay:.4s}.chart-item:nth-child(5){animation-delay:.5s}@keyframes chartItemFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-item:last-child{margin-bottom:0}.chart-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.chart-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.chart-values{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;display:flex}.current-value{color:var(--color-grey-medium)}.arrow-icon{color:var(--color-primary);font-weight:var(--font-bold)}.target-value{color:var(--color-success)}.chart-bar{background:var(--glass-bg);border-radius:var(--radius-full);height:32px;position:relative;overflow:visible;box-shadow:inset 0 2px 4px #0000000f}.bar-current,.bar-target{border-radius:var(--radius-full);height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:absolute}.bar-current{z-index:100;background:linear-gradient(90deg,#96969666 0%,#b4b4b480 100%);width:0%;animation:1.5s cubic-bezier(.4,0,.2,1) .3s forwards barCurrentGrow}@keyframes barCurrentGrow{0%{width:0%}to{width:var(--current)}}.bar-target{background:linear-gradient(90deg, var(--color-accent) 0%, var(--color-success) 100%);z-index:2;width:0%;box-shadow:var(--shadow-inset-sm);animation:1.5s cubic-bezier(.4,0,.2,1) 1s forwards barTargetGrow}@keyframes barTargetGrow{0%{width:0%}to{width:var(--target)}}.bar-target:after{content:"";opacity:0;background:#fff;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out 2s infinite barPulse;position:absolute;top:50%;right:0;transform:translateY(-50%)}@keyframes barPulse{0%,to{opacity:0;transform:translateY(-50%)scale(1)}50%{opacity:1;transform:translateY(-50%)scale(1.5)}}@media (width<=768px){.comparison-grid{gap:var(--space-md);flex-direction:column}.comparison-arrow{min-width:auto;min-height:40px;transform:rotate(90deg)}.comparison-column,.prediction-chart{padding:var(--space-md)}.chart-bar{height:28px}}.routine-section{margin:var(--space-xl) 0}.routine-section h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-lg)}.routine-list{gap:var(--space-md);flex-direction:column;display:flex}.routine-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s;display:flex}.routine-item:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-light);transform:translate(4px)}.routine-icon{font-size:var(--text-2xl);border-radius:var(--radius-full);background:linear-gradient(135deg,#c33c541a 0%,#c33c540d 100%);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.routine-details{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.routine-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.routine-desc{font-size:var(--text-sm);color:var(--color-grey-medium)}.timeline-section{margin:var(--space-xl) 0}.timeline-section h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-lg);text-align:center}.timeline{gap:var(--space-md);padding-left:var(--space-xl);flex-direction:column;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-light) 100%);width:2px;position:absolute;top:0;bottom:0;left:12px}.timeline-item{align-items:center;gap:var(--space-md);display:flex;position:relative}.timeline-marker{left:calc(-1 * var(--space-xl));background:var(--color-primary);color:#fff;border-radius:var(--radius-full);width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--font-bold);box-shadow:0 0 0 4px var(--color-background), 0 0 0 6px var(--color-primary-light);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.timeline-text{font-size:var(--text-base);color:var(--color-text);padding:var(--space-sm) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex:1}.celebration{margin:var(--space-xl) 0;position:relative}.success-icon{background:linear-gradient(135deg, var(--color-success), #66bb6a);width:100px;height:100px;font-size:var(--text-5xl);color:var(--color-white);box-shadow:var(--shadow-lg);animation:scaleIn var(--duration-slow) var(--bounce);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.confetti-container{pointer-events:none;width:100%;height:100%;z-index:var(--z-max);position:fixed;top:0;left:0}.confetti-piece{background:var(--color-primary);width:10px;height:10px;animation:3s linear forwards confettiFall;position:absolute}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-screen=prediction] .screen-content{z-index:1;position:relative}[data-screen=prediction] h1{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);-webkit-text-fill-color:transparent;text-align:center;margin-bottom:var(--space-2xl);-webkit-background-clip:text;background-clip:text;animation:.8s ease-out fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}[data-screen=prediction] .comparison-grid{animation:.8s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-screen=prediction] .comparison-column{animation:.6s cubic-bezier(.34,1.56,.64,1) backwards scaleIn;position:relative;overflow:hidden}[data-screen=prediction] .comparison-column:first-child{animation-delay:.2s}[data-screen=prediction] .comparison-column:nth-child(3){animation-delay:.4s}[data-screen=prediction] .comparison-column.highlight:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%{transform:rotate(45deg)translateY(-100%)}to{transform:rotate(45deg)translateY(100%)}}[data-screen=prediction] .comparison-arrow{text-shadow:0 0 20px #c33c5480;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:relative}@keyframes pulse{0%,to{opacity:.7;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(8px)scale(1.3)}}[data-screen=prediction] .metrics-list .metric{animation:.6s cubic-bezier(.34,1.56,.64,1) backwards slideInLeft}[data-screen=prediction] .metrics-list .metric:first-child{animation-delay:.6s}[data-screen=prediction] .metrics-list .metric:nth-child(2){animation-delay:.7s}[data-screen=prediction] .metrics-list .metric:nth-child(3){animation-delay:.8s}[data-screen=prediction] .metrics-list .metric:nth-child(4){animation-delay:.9s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}[data-screen=prediction] .metric-value.improved{color:var(--color-primary);font-weight:var(--font-bold);animation:1.5s ease-out 1s backwards numberGrow;position:relative}@keyframes numberGrow{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}[data-screen=prediction] .metric-value.improved:before{content:"↑";color:var(--color-success);font-size:1.2em;animation:1.5s ease-in-out 1.5s infinite arrowBounce;position:absolute;left:-25px}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}[data-screen=prediction] .achievement-banner{animation:3s ease-in-out infinite achievementGlow;position:relative;overflow:hidden}@keyframes achievementGlow{0%,to{box-shadow:0 4px 20px #c33c5426,inset 0 1px 3px #ffffff4d}50%{box-shadow:0 6px 35px #c33c5440,inset 0 1px 3px #fff6}}[data-screen=prediction] .achievement-banner:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;animation:4s ease-in-out infinite achievementSweep;position:absolute;top:0;left:-100%}@keyframes achievementSweep{0%{left:-100%}to{left:100%}}[data-screen=prediction] .confidence-badge{animation:.8s cubic-bezier(.34,1.56,.64,1) 1.2s backwards fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}[data-screen=prediction] .counter{font-variant-numeric:tabular-nums;font-weight:var(--font-bold);color:var(--color-primary);animation:2s ease-in-out infinite counterPulse;display:inline-block}@keyframes counterPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sparkle{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1)rotate(180deg)}to{opacity:0;transform:scale(0)rotate(360deg)}}@keyframes popIn{0%{transform:translate(-50%,-50%)scale(0)}50%{transform:translate(-50%,-50%)scale(1.2)}to{transform:translate(-50%,-50%)scale(1)}}.stripe-checkout-form{padding:20px}.stripe-payment-element{min-height:300px;padding:20px 0}.stripe-error{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-top:10px;padding:10px;font-size:14px;display:none}.stripe-actions{justify-content:center;margin-top:20px;display:flex}.stripe-actions .btn-primary{width:100%;max-width:400px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s}.stripe-actions .btn-primary.loading{opacity:.6;cursor:not-allowed}.stripe-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}#stripe-payment-element{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.stripe-checkout-form.loading{position:relative}.stripe-checkout-form.loading:after{content:"";background:#fffc;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.paywall-below-section{flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:20px;display:flex}.paywall-below-section-buttons{width:100%}.paywall-below-section-buttons button{text-transform:uppercase}.inline-checkout-widget{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:600px;min-height:400px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.checkout-placeholder{text-align:center;color:#6b7280;padding:40px 20px;font-size:14px}.express-checkout-container{width:100%;max-width:400px;margin:20px auto}.express-checkout-label{text-align:center;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px}.express-checkout-buttons{justify-content:center;gap:12px;display:flex}.apple-pay-button{-webkit-appearance:-apple-pay-button;-apple-pay-button-type:buy;-apple-pay-button-style:black;cursor:pointer;border:none;border-radius:6px;width:180px;height:48px}.apple-pay-button:active{transform:scale(.98)}.google-pay-button{cursor:pointer;background-color:#000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width=\"41\" height=\"17\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cg fill=\"none\" fill-rule=\"evenodd\"%3E%3Cpath d=\"M19.526 2.635v4.083h2.518c.6 0 1.096-.202 1.488-.605.403-.402.605-.882.605-1.437 0-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0 5.52v4.736h-1.504V1.198h3.99c1.013 0 1.873.337 2.582 1.012.72.675 1.08 1.497 1.08 2.466 0 .991-.36 1.819-1.08 2.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668 2.287c0 .392.166.718.499.98.332.26.722.391 1.168.391.633 0 1.196-.234 1.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61 0-1.12.148-1.528.442-.409.294-.613.657-.613 1.093m1.946-5.815c1.112 0 1.989.297 2.633.89.642.594.964 1.408.964 2.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45 1.372-2.486 1.372-.882 0-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96 0-.828.313-1.486.94-1.976s1.463-.735 2.51-.735c.892 0 1.629.163 2.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132 2.132 0 0 0-1.455-.547c-.84 0-1.504.353-1.995 1.062l-1.324-.834c.73-1.045 1.81-1.568 3.238-1.568m11.853.262l-5.02 11.53H34.42l1.864-4.034-3.302-7.496h1.635l2.387 5.749h.032l2.322-5.75z\" fill=\"%23FFF\"/%3E%3Cpath d=\"M13.448 7.134c0-.473-.04-.93-.116-1.366H6.988v2.588h3.634a3.11 3.11 0 0 1-1.344 2.042v1.68h2.169c1.27-1.17 2.001-2.9 2.001-4.944\" fill=\"%234285F4\"/%3E%3Cpath d=\"M6.988 13.7c1.816 0 3.344-.595 4.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754 0-3.244-1.182-3.776-2.774H.978v1.731a6.728 6.728 0 0 0 6.01 3.703\" fill=\"%2334A853\"/%3E%3Cpath d=\"M3.212 8.267a4.034 4.034 0 0 1 0-2.572V3.964H.978A6.678 6.678 0 0 0 .261 6.98c0 1.085.26 2.11.717 3.017l2.234-1.731z\" fill=\"%23FABB05\"/%3E%3Cpath d=\"M6.988 2.921c.992 0 1.88.34 2.58 1.008v.001l1.92-1.918C10.324.928 8.804.262 6.989.262a6.728 6.728 0 0 0-6.01 3.702l2.234 1.731c.532-1.592 2.022-2.774 3.776-2.774\" fill=\"%23E94235\"/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;background-origin:content-box;border:0;border-radius:6px;width:180px;height:48px;padding:12px 24px;transition:background-color .2s}.google-pay-button:hover{background-color:#2a2a2a}.google-pay-button:active{background-color:#000;transform:scale(.98)}@media (width<=640px){.express-checkout-buttons{flex-direction:column;align-items:center}.apple-pay-button,.google-pay-button{width:240px}}.checkout-sticky-header{z-index:var(--z-sticky);padding:var(--space-sm) var(--space-md);padding-top:calc(env(safe-area-inset-top) + var(--space-sm));box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:var(--space-md);margin:0 calc(-1 * var(--space-md));border-radius:0 0 var(--radius-sm) var(--radius-sm);background:#fff;border-bottom:1px solid #00000020;margin-top:-100px;margin-bottom:100px;display:flex;position:sticky;top:0;left:0;right:0}.checkout-sticky-countdown{align-items:center;gap:var(--space-xs);transition:opacity .3s,visibility .3s;display:flex}.checkout-sticky-countdown.hidden{opacity:0;visibility:hidden;gap:0;width:0;padding:0;overflow:hidden}.countdown-unit{flex-direction:column;align-items:center;min-width:48px;display:flex}.countdown-number{font-size:var(--text-2xl);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;line-height:1}.countdown-label{font-size:var(--text-xs);color:var(--color-muted);text-transform:lowercase;margin-top:2px}.countdown-separator{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:16px;line-height:1}.btn-primary.checkout-sticky-button{min-height:0;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);text-transform:uppercase}.btn-primary.checkout-sticky-button:hover{box-shadow:var(--shadow-md);transform:scale(1.02)}.btn-primary.checkout-sticky-button:active{transform:scale(.98)}.social-proof-block{margin-bottom:var(--space-lg);text-align:center}.social-proof-title{font-size:var(--text-sm);color:var(--color-text);margin:0 0 var(--space-sm) 0;font-weight:300}.social-proof-count{font-weight:500}.social-proof-carousel{width:100%;height:56px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.social-proof-track{gap:var(--space-md);width:max-content;animation:80s linear infinite social-proof-scroll;display:flex}.social-proof-item{padding:var(--space-xs) var(--space-md);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-muted-light-strong-2);flex-direction:column;flex-shrink:0;align-items:flex-start;min-width:140px;display:flex}.social-proof-email{font-size:var(--text-sm);color:var(--color-text);font-weight:300}.social-proof-plan{font-size:var(--text-xs);color:var(--color-muted);margin-top:2px;font-weight:200}@keyframes social-proof-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.voucher-card{margin:var(--space-lg) 0;filter:drop-shadow(0 1px 1px #00000026);grid-template-rows:1fr 2fr;display:grid;position:relative}.voucher-card:before{content:"";background:var(--color-card-background-alternate);border-radius:var(--radius-xl);-webkit-mask-composite:source-in, xor;z-index:-1;position:absolute;inset:0;-webkit-mask-image:radial-gradient(10px at 0 33.33%,#0000 99%,#000),radial-gradient(10px at 100% 33.33%,#0000 99%,#000),repeating-linear-gradient(90deg,#000 0 8px,#0000 8px 16px);mask-image:radial-gradient(10px at 0 33.33%,#0000 99%,#000),radial-gradient(10px at 100% 33.33%,#0000 99%,#000),repeating-linear-gradient(90deg,#000 0 8px,#0000 8px 16px);-webkit-mask-position:0 0,0 0,20px calc(33.33% - 2px);mask-position:0 0,0 0,20px calc(33.33% - 2px);-webkit-mask-size:100% 100%,100% 100%,calc(100% - 40px) 4px;mask-size:100% 100%,100% 100%,calc(100% - 40px) 4px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.voucher-card>*{z-index:1;position:relative}.voucher-header{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xs);display:flex}.voucher-icon{width:2rem;height:2rem}.voucher-title{color:#3d4a2a;font-weight:600}.voucher-divider{height:4px;margin:0 20px}.voucher-content{justify-content:space-between;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm);padding-top:var(--space-md);display:flex}.voucher-code-section{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset-sm);background:#d9dec6;display:flex}.voucher-checkmark{color:#5c6b3c;font-weight:700}.voucher-code{font-size:var(--text-base);color:#3d4a2a;letter-spacing:.5px;font-weight:500}.voucher-timer-section{padding-bottom:var(--space-sm);padding-left:var(--space-lg);padding-right:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-inset-sm);background:#d9dec6;align-items:baseline;gap:2px;display:flex;position:relative}.voucher-timer-value{color:#5c6b3c;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700}.voucher-timer-separator{color:#5c6b3c;margin:0 2px;font-size:1.75rem;font-weight:700}.voucher-timer-labels{bottom:4px;left:var(--space-sm);right:var(--space-sm);font-size:var(--text-xs);color:#5c6b3c;justify-content:space-around;padding:0 4px;display:flex;position:absolute}.features-section{margin:var(--space-xl) 0}.features-section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-normal);text-align:center;margin-bottom:var(--space-lg);color:var(--color-black)}.features-section-title em{color:#5c6b3c;font-style:italic}.features-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.feature-card{border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-sm);background:#fff}.feature-card-image{aspect-ratio:1;justify-content:center;align-items:center;width:100%;margin-top:-30px;margin-bottom:-40px;display:flex}.feature-card-image img{object-fit:contain;max-width:80%;max-height:80%}.feature-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-black);margin-bottom:var(--space-xs);margin:var(--space-xs) var(--space-sm)}.feature-card-description{font-size:var(--text-sm);color:var(--color-muted-dark);line-height:var(--leading-normal);margin:0 var(--space-sm) var(--space-sm) var(--space-sm)}.feature-card-wide{text-align:left;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);display:flex}.feature-card-wide .feature-card-image{aspect-ratio:1;flex-shrink:0;width:120px;height:120px;margin-top:-20px;margin-bottom:-20px}.feature-card-wide .feature-card-image img{max-width:100%;max-height:100%}.feature-card-wide .feature-card-content{flex:1}.feature-card-wide .feature-card-title{margin-bottom:var(--space-xs)}.visual-skin-transformation-example-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-normal);text-align:center;margin-bottom:var(--space-lg);color:var(--color-black)}.visual-skin-transformation-example-disclaimer{color:var(--color-muted-dark);font-size:var(--text-xs);text-align:center;line-height:var(--leading-normal);margin:var(--space-lg) 0}.visual-skin-transformation-example-image{object-fit:contain;width:100%;height:auto;margin-bottom:var(--space-sm);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm-heavy)}.skin-carousel{width:100%}.skin-carousel-container{border-radius:var(--radius-xl);box-shadow:var(--shadow-sm-heavy);position:relative;overflow:hidden}.skin-carousel-track{transition:transform .3s ease-in-out;display:flex}.skin-carousel-image{object-fit:cover;flex-shrink:0;width:100%;height:auto}.skin-carousel-arrow{cursor:pointer;z-index:2;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.skin-carousel-arrow:hover{background:#fff}.skin-carousel-arrow:active{transform:translateY(-50%)scale(.95)}.skin-carousel-arrow svg{width:20px;height:20px;color:var(--color-black)}.skin-carousel-arrow-left{left:12px}.skin-carousel-arrow-right{right:12px}.skin-carousel-dots{margin-top:var(--space-md);justify-content:center;gap:8px;display:flex}.skin-carousel-dots button{box-shadow:var(--shadow-inset-sm)}.skin-carousel-dot{background:var(--color-muted);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.skin-carousel-dot:hover{background:var(--color-muted-dark)}.skin-carousel-dot.active{background:var(--color-primary);transform:scale(1.2)}.social-proof-faq-block{background:var(--color-card-background-alternate);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-md);margin:var(--space-xl) 0;box-shadow:var(--shadow-inset-xs-full)}.review-section{margin-bottom:var(--space-xl)}.review-section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-normal);text-align:center;color:var(--color-black);margin-bottom:var(--space-lg)}.review-section-title em{color:#5c6b3c;font-style:italic}.review-card{border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);background:#fffdf7;position:relative}.review-card:before{top:var(--space-sm);left:var(--space-sm);transform:rotate(180deg)}.review-card:after{bottom:var(--space-sm);right:var(--space-sm)}.review-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.review-badge{color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);background:#5c6b3c}.review-stars{color:#ffb800;font-size:var(--text-lg);letter-spacing:2px}.review-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-black);margin-bottom:var(--space-md);font-style:italic}.review-author{font-size:var(--text-sm);color:var(--color-muted-dark);text-align:right;margin:0}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-normal);text-align:center;color:var(--color-black)}.section-title em{color:#5c6b3c;font-style:italic}.faq-section-title{margin-bottom:var(--space-lg)}.faq-section-title em{font-size:var(--text-lg);color:var(--color-muted-dark);font-style:normal;font-family:var(--font-primary);font-weight:var(--font-normal);margin-top:var(--space-xs);display:block}.faq-accordion{gap:var(--space-sm);flex-direction:column;display:flex}.faq-item{border-radius:var(--radius-lg);transition:background-color var(--duration-normal) var(--ease-out);box-shadow:var(--shadow-sm);background:#fffdf7;overflow:hidden}.faq-item.active{background:#f5f7ec}.faq-question{width:100%;padding:var(--space-md) var(--space-lg);cursor:pointer;font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-black);text-align:left;justify-content:space-between;align-items:center;gap:var(--space-md);background:0 0;border:none;display:flex}.faq-question:hover{background:#5c6b3c0d}.faq-question span{flex:1}.faq-chevron{color:#5c6b3c;width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0}.faq-item.active .faq-chevron{transform:rotate(180deg)}.faq-answer-wrapper{transition:grid-template-rows var(--duration-normal) var(--ease-out);grid-template-rows:0fr;display:grid}.faq-answer-wrapper.open{grid-template-rows:1fr}.faq-answer{padding:0 var(--space-lg);overflow:hidden}.faq-answer-wrapper.open .faq-answer{padding-bottom:var(--space-md)}.faq-answer p{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-muted-dark);margin:0 0 var(--space-sm) 0}.faq-answer p:last-child{margin-bottom:0}.progress-chart-container{margin:var(--space-xl) 0;padding:var(--space-lg) 0 var(--space-lg) 0;background:var(--glass-bg);border-radius:var(--radius-xl)}.progress-curve-chart{width:100%;max-width:400px;height:auto;margin:0 auto;display:block}.progress-curve-path{stroke-dasharray:300;stroke-dashoffset:300px;animation:1.5s ease-out .3s forwards drawCurve}@keyframes drawCurve{to{stroke-dashoffset:0}}.chart-point{opacity:0}.chart-point-start{animation:.4s ease-out .2s forwards pointAppearStart}.chart-point-end{animation:.4s ease-out 1.6s forwards pointAppearEnd}@keyframes pointAppearStart{0%{opacity:0;r:0}70%{r:10}to{opacity:1;r:8}}@keyframes pointAppearEnd{0%{opacity:0;r:0}70%{r:10}to{opacity:1;r:8}}.chart-label-start,.chart-label-end{opacity:0}.chart-label-start{animation:.4s ease-out .4s forwards labelFadeIn}.chart-label-end{animation:.4s ease-out 1.8s forwards labelFadeIn}@keyframes labelFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.chart-vertical-line{stroke-dasharray:150;stroke-dashoffset:150px;animation:.5s ease-out forwards drawLine}.chart-vertical-line:first-of-type{animation-delay:.1s}.chart-vertical-line:last-of-type{animation-delay:1.5s}@keyframes drawLine{to{stroke-dashoffset:0}}.chart-dates{width:100%;max-width:400px;margin:var(--space-sm) auto 0;height:20px;margin-top:-1rem;position:relative}.chart-date-start,.chart-date-end{font-size:var(--text-sm);font-weight:var(--font-semibold);opacity:0;animation:.4s ease-out forwards dateFadeIn;position:absolute}.chart-date-start{color:var(--color-accent);animation-delay:.5s;left:14%;transform:translate(-50%)}.chart-date-end{color:var(--color-primary);animation-delay:1.9s;left:76%;transform:translate(-50%)}@keyframes dateFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chart-subtitle{text-align:center;font-size:var(--text-sm);color:var(--color-grey-medium);margin-top:var(--space-lg);margin-bottom:0}.ready-text{font-size:var(--text-lg);color:var(--color-text);line-height:var(--leading-relaxed);margin:var(--space-xl) 0;padding:0 var(--space-md)}.ready-text strong{color:var(--color-primary)}.water-glasses-grid{gap:var(--gap-options);max-width:400px;margin:var(--space-md) auto;perspective:1000px;grid-template-columns:repeat(3,1fr);padding:0;display:grid}.water-glass{background:var(--color-muted-light);border:1px solid var(--color-muted-light-strong-2);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-in-out);aspect-ratio:1;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.water-glass:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.water-glass:active{transform:translateY(0)}.water-glass.filled{background:var(--color-muted-light-strong-2);box-shadow:var(--shadow-inset-xs-full);border-color:var(--color-background)}.glass-3d{z-index:1;width:46px;height:60px;position:relative}.glass-body{z-index:1;background:linear-gradient(90deg,#ffffff4d 0%,#ffffff1a 20%,#ffffff0d 50%,#ffffff1a 80%,#ffffff4d 100%);border:2px solid #ffffff80;border-top:none;border-radius:0 0 16px 16px;position:absolute;inset:0;box-shadow:inset 0 -4px 8px #fff6,0 4px 10px #0000001a}.glass-body:before{content:"";z-index:-1;background:linear-gradient(#ffffff1a,#fff3);border:2px solid #ffffff80;border-radius:50%;height:10px;position:absolute;top:-5px;left:-2px;right:-2px}.water-3d{z-index:2;background:linear-gradient(90deg,#3f82feb3 0%,#3f82fe80 40%,#3f82fe66 60%,#3f82feb3 100%);border-radius:0 0 12px 12px;height:0%;transition:height .6s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:2px;left:2px;right:2px}.water-3d .water-surface{display:none}.water-3d.visible{height:80%}.water-3d.visible .water-surface{display:block}.water-surface{z-index:3;background:#78b4ffe6;border-radius:50%;width:100%;height:8px;animation:3s ease-in-out infinite waterWobble;position:absolute;top:-4px;left:0;transform:scale(.95);box-shadow:inset 0 0 4px #fffc,0 0 2px #3f82fe80}.water-cup-bottom{z-index:1;background:#ffffff80;border-radius:50%;width:100%;height:8px;position:absolute;top:-4px;left:0;transform:scale(.95)!important}.glass-reflection{z-index:5;pointer-events:none;background:linear-gradient(90deg,#ffffff80 0%,#fff0 15% 85%,#fff6 100%);border-radius:0 0 16px 16px;position:absolute;inset:0}.glass-reflection:before{content:"";z-index:6;opacity:.8;border:2px solid #0000;border-bottom-color:#fff9;border-radius:50%;height:10px;position:absolute;top:-5px;left:-2px;right:-2px}.glass-reflection:after{content:"";background:linear-gradient(#fffc,#fff0);border-radius:2px;width:4px;height:70%;position:absolute;top:10%;left:10%}@keyframes waterWobble{0%,to{transform:scale(.95)rotate(0)}25%{transform:scale(.97,.93)rotate(3deg)}50%{transform:scale(.93,.97)rotate(-3deg)}75%{transform:scale(.95)rotate(0)}}.glass-number{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-muted-dark);margin-top:var(--space-sm);transition:color var(--duration-normal) var(--ease-in-out)}.water-glass.filled .glass-number{color:var(--globe-water)}.water-intake-label{text-align:center;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--globe-water);margin:var(--space-md) 0}@media (width<=360px){.water-glasses-grid{gap:var(--space-sm);max-width:280px}.glass-3d{width:38px;height:50px}.glass-body,.glass-reflection{border-radius:0 0 12px 12px}.water-3d{border-radius:0 0 9px 9px}.glass-number{font-size:var(--text-xs)}}}@layer utilities{.stack>*+*{margin-top:var(--space-lg)}.stack-sm>*+*{margin-top:var(--space-md)}.stack-xs>*+*{margin-top:var(--space-sm)}.cluster{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.center-text{text-align:center}.center-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.text-small{font-size:var(--text-sm);line-height:var(--leading-normal)}.text-large{font-size:var(--text-lg);line-height:var(--leading-relaxed)}.text-muted{color:var(--color-muted)}.heading-display{font-family:var(--font-display);font-size:var(--text-4xl);line-height:var(--leading-tight);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));-webkit-text-fill-color:transparent;margin-bottom:var(--space-lg);-webkit-background-clip:text;background-clip:text}.gradient-text{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.highlight{color:var(--color-primary);font-weight:var(--font-semibold)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hidden{display:none!important}.glow{box-shadow:0 0 20px #c33c544d,0 0 40px #c33c5433,0 0 60px #c33c541a}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pt-2xl{padding-top:var(--space-2xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pb-2xl{padding-bottom:var(--space-2xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky;top:0}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100dvh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:var(--z-base)}.z-10{z-index:var(--z-dropdown)}.z-20{z-index:var(--z-sticky)}.z-30{z-index:var(--z-fixed)}.z-40{z-index:var(--z-modal-backdrop)}.z-50{z-index:var(--z-modal)}.z-60{z-index:var(--z-popover)}.z-70{z-index:var(--z-tooltip)}.z-80{z-index:var(--z-notification)}.z-90{z-index:var(--z-top)}.z-max{z-index:var(--z-max)}.transition-none{transition:none}.transition-all{transition:all var(--duration-normal) var(--ease-in-out)}.transition-colors{transition:color var(--duration-normal) var(--ease-in-out), background-color var(--duration-normal) var(--ease-in-out), border-color var(--duration-normal) var(--ease-in-out)}.transition-opacity{transition:opacity var(--duration-normal) var(--ease-in-out)}.transition-transform{transition:transform var(--duration-normal) var(--ease-in-out)}.animate-fade-in{animation:fadeInUp var(--duration-normal) var(--ease-out)}.animate-slide-in{animation:slideInRight var(--duration-normal) var(--ease-out)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-spin{animation:spin var(--duration-slower) linear infinite}.animate-fade-zoom{animation:fadeInZoom var(--duration-normal) var(--ease-out) both}.animate-fade{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-zoom{animation:zoomIn var(--duration-normal) var(--ease-out) both}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.2s}.stagger-children>:nth-child(4){animation-delay:.3s}.stagger-children>:nth-child(5){animation-delay:.4s}.stagger-children>:nth-child(6){animation-delay:.5s}.stagger-children>:nth-child(7){animation-delay:.6s}.stagger-children>:nth-child(8){animation-delay:.7s}.stagger-children>:nth-child(n+9){animation-delay:.8s}.no-animation,.no-animation *{transition:none!important;animation:none!important}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}@media (width<=639px){.sm\:hidden{display:none}}@media (width>=640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}}@media (width>=768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}}@media (width>=1024px){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}}}@media (width>=768px){:root{--text-base:1.125rem;--padding-screen:var(--space-md)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}}@media (width>=1024px){.container{max-width:800px}}@media (prefers-contrast:high){:root{--glass-bg:#fffffff2;--color-grey-dark:#000;--shadow-md:0 4px 12px #00000026}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.centrobill-form{width:100%}.centrobill-form-group{margin-bottom:16px}.centrobill-form-group label{color:var(--text-primary,#1a1a1a);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.centrobill-form-row{gap:16px;display:flex}.centrobill-form-row .centrobill-form-group{flex:1}.centrobill-form input{border:1px solid var(--border-color,#e5e5e5);width:100%;color:var(--text-primary,#1a1a1a);background:var(--bg-input,#fff);box-sizing:border-box;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.centrobill-form input::placeholder{color:var(--text-tertiary,#a0a0a0)}.centrobill-form input:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.centrobill-form input.error{border-color:#ef4444}.centrobill-form input.error:focus{box-shadow:0 0 0 3px #ef44441a}.centrobill-card-input-wrapper{position:relative}.centrobill-card-input-wrapper input{padding-right:50px}.centrobill-card-brand{opacity:.8;background-position:50%;background-repeat:no-repeat;background-size:contain;width:40px;height:30px;transition:opacity .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)!important}.centrobill-card-brand.visa{opacity:1;background-image:url(../images/cards/visa.svg)}.centrobill-card-brand.mastercard{opacity:1;background-image:url(../images/cards/mastercard.svg)}.centrobill-card-brand.amex{opacity:1;background-image:url(../images/icons/amex.svg)}.centrobill-card-brand.discover{opacity:1;background-image:url(../images/icons/discover.svg)}.centrobill-card-brand.unknown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM4 8h16v2H4z'/%3E%3C/svg%3E")}.centrobill-error{color:#ef4444;margin-top:4px;font-size:12px;display:none}.centrobill-error.visible{display:block}.centrobill-secure-text{color:var(--text-secondary,#666);justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:12px;display:flex}.centrobill-lock-icon{color:var(--text-secondary,#666)}.centrobill-3ds-modal{z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.centrobill-3ds-overlay{background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.centrobill-3ds-container{background:#fff;border-radius:12px;width:90%;max-width:500px;height:600px;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.centrobill-3ds-close{cursor:pointer;z-index:1;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:10px;right:10px}.centrobill-3ds-close:hover{background:#0003}.centrobill-3ds-iframe{border:none;width:100%;height:100%}.centrobill-page-container{border-radius:var(--radius-md);background:#fff;min-height:550px;margin-left:-1.25rem;margin-right:-1.25rem;position:relative;overflow:hidden}.centrobill-page-iframe{border:none;width:100%;height:550px;min-height:550px;display:block}.centrobill-page-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.centrobill-page-spinner{border:3px solid var(--border-color,#e5e5e5);border-top-color:var(--primary-color,#6366f1);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite centrobill-spin}@keyframes centrobill-spin{to{transform:rotate(360deg)}}.centrobill-page-loading p{color:var(--text-secondary,#666);margin:0;font-size:14px}.centrobill-page-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;display:flex}.centrobill-page-error p{color:var(--text-primary,#1a1a1a);margin:0 0 8px;font-size:14px}.centrobill-page-error-details{color:#ef4444;font-size:12px}.centrobill-page-email-form{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 24px;display:flex}.centrobill-page-email-icon{color:var(--primary-color,#6366f1);opacity:.9;margin-bottom:16px}.centrobill-page-email-title{color:var(--text-primary,#1a1a1a);margin:0 0 8px;font-size:20px;font-weight:600}.centrobill-page-email-subtitle{color:var(--text-secondary,#666);margin:0 0 24px;font-size:14px}.centrobill-page-email-input-wrapper{width:100%;max-width:320px;margin-bottom:16px}.centrobill-page-email-input{border:1px solid var(--border-color,#e5e5e5);width:100%;color:var(--text-primary,#1a1a1a);background:var(--bg-input,#fff);box-sizing:border-box;text-align:center;border-radius:8px;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.centrobill-page-email-input::placeholder{color:var(--text-tertiary,#a0a0a0)}.centrobill-page-email-input:focus{border-color:var(--primary-color,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.centrobill-page-email-input.error{border-color:#ef4444}.centrobill-page-email-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.centrobill-page-email-error{color:#ef4444;min-height:18px;margin-top:6px;font-size:12px;display:block}.centrobill-page-email-button{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;max-width:320px;padding:14px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s,transform .1s}.centrobill-page-email-button:hover{background:var(--primary-color-hover,#4f46e5)}.centrobill-page-email-button:active{transform:scale(.98)}.centrobill-page-email-button:disabled{background:var(--text-tertiary,#a0a0a0);cursor:not-allowed;transform:none}@media (width<=480px){.centrobill-form-row{flex-direction:column;gap:0}.centrobill-form input{font-size:16px}.centrobill-3ds-container{border-radius:0;width:100%;max-width:none;height:100%;max-height:none}.centrobill-page-iframe{height:calc(100vh - 200px);min-height:450px}}.centrobill-apple-pay-button{-webkit-appearance:-apple-pay-button;-apple-pay-button-type:plain;-apple-pay-button-style:black;cursor:pointer;border:none;border-radius:6px;width:100%;height:48px;margin:0;padding:0;display:block}.centrobill-apple-pay-button:active{transform:scale(.98)}.centrobill-apple-pay-button:disabled{opacity:.5;cursor:not-allowed}.express-checkout-container .centrobill-apple-pay-button{margin-top:.5rem}@supports not ((-webkit-appearance:-apple-pay-button)){.centrobill-apple-pay-button{display:none}}.paywall-v2-modal-content.centrobill-page-checkout-modal{flex-direction:column;width:99%;max-width:600px;height:99%;max-height:99%;display:flex;overflow:hidden}.paywall-v2-modal-content.centrobill-page-checkout-modal #paywall-v2-payment-element{flex-direction:column;flex:1;min-height:0;margin:0;display:flex}.paywall-v2-modal-content.centrobill-page-checkout-modal .centrobill-page-container{flex-direction:column;flex:1;min-height:0;display:flex}.paywall-v2-modal-content.centrobill-page-checkout-modal .centrobill-page-iframe{flex:1;height:100%;min-height:0}.harvard-title{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.5rem;font-weight:700}.harvard-quote-card{background:var(--element-background);box-shadow:var(--shadow-sm);border:1px solid #cd988e33;border-radius:16px;margin:0 auto 1.5rem;padding:1rem}.harvard-title-container{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.harvard-logo{object-fit:contain;width:auto;height:36px}.harvard-divider{background:#cd988e33;height:1px;margin:1rem 0}.harvard-institution{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-primary);font-size:.875rem;font-weight:700}.harvard-quote{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.125rem;font-style:italic;line-height:1.6}.harvard-author{color:var(--color-text-secondary);font-size:.875rem}.consistency-headline{margin:1.5rem 0 .5rem;font-size:1.5rem;font-weight:700;line-height:1.4}.consistency-formula,.consistency-equals{color:#c67b6b;display:block}.consistency-subtitle{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.125rem}.harvard-chart-card{background:var(--element-background);box-shadow:var(--shadow-sm);border:1px solid #cd988e33;border-radius:16px;margin:0 auto 1.5rem;padding:1rem}.chart-header{gap:1rem;display:flex}.chart-axis-text{fill:var(--color-text-secondary);font-family:inherit;font-size:.75rem;font-weight:600}.chart-axis-title{fill:var(--color-text-secondary);letter-spacing:.5px;font-family:inherit;font-size:.5rem;font-weight:600}.harvard-chart-container{flex:1;position:relative}.chart-svg{width:100%;height:100%;overflow:visible}.grid-line{stroke:#cd988e26;stroke-width:1px;stroke-dasharray:4 4}.chart-area{opacity:0;transition:opacity 1s ease-in-out}.chart-line{stroke:#e8a598;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:400;stroke-dashoffset:400px;transition:stroke-dashoffset 2s ease-in-out}.chart-animated .chart-area{opacity:1}.chart-animated .chart-line{stroke-dashoffset:0}.chart-label{color:var(--color-text-primary);text-align:center;font-size:.75rem;font-weight:600;line-height:1.2;position:absolute}.chart-label.visible-change{top:10%;right:30%;transform:translate(50%,-50%)}.harvard-bottom-text{color:var(--color-text-secondary);max-width:340px;margin:1rem auto 6rem;font-size:.9375rem;line-height:1.5}@media (width<=375px){.consistency-headline{font-size:1.25rem}.harvard-quote{font-size:1rem}.harvard-chart-card,.harvard-quote-card{padding:1.25rem}}.congratulations-overlay{z-index:10000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.congratulations-popup{z-index:10001;text-align:center;pointer-events:auto;background:#fff;border-radius:24px;width:90%;max-width:400px;padding:32px 24px;animation:.5s ease-out popupFadeIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000004d}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.congratulations-popup h2{color:var(--primary-color,#c33c54);margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.3}.congratulations-popup p{color:#333;margin:0 0 24px;font-size:18px;line-height:1.5}.congratulations-popup .discount-highlight{color:var(--primary-color,#c33c54);margin:16px 0;font-size:48px;font-weight:800;animation:.6s ease-out .3s both scaleUp;display:block}@keyframes scaleUp{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.congratulations-popup button{background:var(--primary-color,#c33c54);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s}.congratulations-popup button:hover{background:var(--primary-color-dark,#a02e42);transform:translateY(-2px);box-shadow:0 6px 20px #c33c544d}.firework-particle{pointer-events:none;animation:3s ease-out forwards fireworkFall;position:absolute}@keyframes fireworkFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.flower-particle{font-size:32px;animation:4s ease-out forwards flowerFloat}@keyframes flowerFloat{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)scale(1)}50%{opacity:1;transform:translateY(40vh) translateX(var(--drift-x,0)) rotate(180deg) scale(1.2)}to{opacity:0;transform:translateY(100vh) translateX(var(--drift-x,0)) rotate(360deg) scale(.5)}}.confetti-particle{width:10px;height:10px;animation:3.5s ease-out forwards confettiFall}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)translate(0)rotate(0)}to{opacity:0;transform:translateY(100vh) translateX(var(--drift-x,0)) rotate(720deg)}}.sparkle-particle{background:radial-gradient(circle,#fff 0%,gold 50%,#0000 100%);border-radius:50%;width:6px;height:6px;animation:2s ease-out forwards sparkleTwinkle;box-shadow:0 0 10px gold,0 0 20px gold}@keyframes sparkleTwinkle{0%{opacity:1;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(30vh)scale(1.5)}to{opacity:0;transform:translateY(100vh)scale(0)}}.congratulations-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;animation:.3s ease-out backdropFadeIn;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.consent-overlay{-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-modal) - 1);background:#00000040;position:fixed;inset:0}.consent-banner{background:var(--color-white);box-shadow:var(--shadow-lg);z-index:var(--z-modal);border-top:1px solid var(--color-grey-lighter);transition:transform .3s ease-out;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.consent-banner[x-show]{transform:translateY(0)}.consent-content{max-width:1200px;padding:var(--space-lg);gap:var(--space-md);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.consent-content{flex-direction:row;justify-content:space-between;align-items:center}}.consent-text{flex:1}.consent-text p{font-size:var(--text-sm);color:var(--color-grey-dark);margin:0;line-height:1.5}.consent-text a{color:var(--color-primary);font-weight:var(--font-medium);text-decoration:none}.consent-text a:hover{text-decoration:underline}.consent-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.consent-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;border:none;transition:all .2s}.consent-btn-accept{background:var(--color-success);color:#fff}.consent-btn-accept:hover{box-shadow:var(--shadow-glow);transform:scale(1.05)}.consent-btn-essential{background:var(--color-grey-lightest);color:var(--color-black)}.consent-btn-essential:hover{background:var(--color-grey-lighter)}.consent-btn-settings{color:var(--color-grey-medium);border:1px solid var(--color-grey-lighter);background:0 0}.consent-btn-settings:hover{background:var(--color-grey-lightest);border-color:var(--color-grey-light)}.consent-modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:calc(var(--z-modal) + 1);padding:var(--space-md);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.consent-settings-modal{background:var(--color-white);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;overflow:hidden}.consent-settings-header{padding:var(--space-lg);border-bottom:1px solid var(--color-grey-lighter);justify-content:space-between;align-items:center;display:flex}.consent-settings-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-black);margin:0}.consent-close{color:var(--color-grey-medium);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;display:flex}.consent-close:hover{background:var(--color-grey-lightest)}.consent-settings-body{padding:var(--space-lg);flex:1;overflow-y:auto}.consent-category{margin-bottom:var(--space-lg);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-grey-lighter)}.consent-category:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.consent-category-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.consent-category-header h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-black);margin:0}.consent-category p{font-size:var(--text-sm);color:var(--color-grey-dark);margin:0;line-height:1.5}.consent-toggle{width:48px;height:24px;display:inline-block;position:relative}.consent-toggle.disabled{opacity:.5;cursor:not-allowed}.consent-toggle input{opacity:0;width:0;height:0}.consent-toggle-slider{cursor:pointer;background-color:var(--color-grey-light);border-radius:24px;transition:all .3s;position:absolute;inset:0}.consent-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:4px;left:4px}.consent-toggle input:checked+.consent-toggle-slider{background-color:var(--color-primary)}.consent-toggle input:checked+.consent-toggle-slider:before{transform:translate(24px)}.consent-settings-footer{padding:var(--space-lg);border-top:1px solid var(--color-grey-lighter);gap:var(--space-sm);justify-content:flex-end;display:flex}.consent-btn-save{background:var(--color-grey-lightest);color:var(--color-black)}.consent-btn-save:hover{background:var(--color-grey-lighter)}.consent-btn-accept-all{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);color:#fff}.consent-btn-accept-all:hover{box-shadow:var(--shadow-glow);transform:scale(1.05)}@media (width<=640px){.consent-content{padding:var(--space-md) var(--space-sm)}.consent-actions{width:100%}.consent-btn{min-width:0;padding:var(--space-sm) var(--space-xs);font-size:var(--text-xs);flex:1}.consent-settings-modal{border-radius:0;max-height:100%}.consent-modal-backdrop{padding:0}.consent-settings-footer{flex-direction:column}.consent-settings-footer .consent-btn{width:100%}}