:root{--z-deep:-2;--z-behind:-1;--z-base:0;--z-above:1;--z-raised:2;--z-elevated:3;--z-high:5;--z-highest:10;--z-separator:15;--z-float:20;--z-docked:30;--z-prominent:40;--z-important:50;--z-sticky:100;--z-fixed:200;--z-appbar-support:900;--z-appbar:1000;--z-fab:1100;--z-dropdown:1200;--z-drawer:1300;--z-overlay:1400;--z-modal:1500;--z-popover:1600;--z-tooltip:1700;--z-notification:1800;--z-splash:9000;--z-system:9100;--z-top:9999;--block-s-width:900px;--block-m-width:1200px;--block-l-width:1500px;--block-xl-width:1800px;--block-xxl-width:2100px;--content-top-spacing:clamp(5px, 4.6875vw - 10px, 80px);--side-padding:clamp(2px, 1.375vw - 2.4px, 24px);--side-padding-text:clamp(14px, .625vw + 12px, 24px);--block-spacing-s:clamp(26px, 1.25vw + 22px, 46px);--block-spacing:clamp(20px, 3.75vw + 8px, 80px);--header-height:clamp(98px, .125vw + 97.6px, 100px);--page-layout-top-offset:calc(var(--header-height) + var(--block-spacing));--section-p-xs:clamp(10px, .25vw + 9.2px, 14px);--section-p-s:clamp(18px, .5vw + 16.4px, 26px);--section-p-m:clamp(28px, 1vw + 24.8px, 44px);--section-p-l:clamp(42px, 1.875vw + 36px, 72px);--section-p-xl:clamp(68px, 2.5vw + 60px, 108px);--section-p-xxl:clamp(104px, 3.75vw + 92px, 164px);--gap-xs:clamp(3px, .0625vw + 2.8px, 4px);--gap-s:clamp(6px, .125vw + 5.6px, 8px);--gap-m:clamp(9px, .1875vw + 8.4px, 12px);--gap-l:clamp(12px, .25vw + 11.2px, 16px);--gap-xl:clamp(15px, .3125vw + 14px, 20px);--gap-xxl:clamp(20px, .5vw + 18.4px, 28px);--component-p-xs:clamp(2.5px, .03125vw + 2.4px, 3px);--component-p-s:clamp(4px, .0625vw + 3.8px, 5px);--component-p-m:clamp(5px, .0625vw + 4.8px, 6px);--component-p-l:clamp(7px, .125vw + 6.6px, 9px);--component-p-xl:clamp(10px, .125vw + 9.6px, 12px);--component-p-xxl:clamp(12px, .25vw + 11.2px, 16px);--card-br-xs:clamp(8px, .25vw + 7.2px, 12px);--card-br-s:clamp(10px, .375vw + 8.8px, 16px);--card-br-m:clamp(14px, .375vw + 12.8px, 20px);--card-br-l:clamp(18px, .625vw + 16px, 28px);--card-br-xl:clamp(24px, .75vw + 21.6px, 36px);--card-br-xxl:clamp(32px, 1vw + 28.8px, 48px);--card-br-xxxl:clamp(40px, 1.5vw + 35.2px, 64px);--card-br-full:9999px;--card-br-c-xs:clamp(8px, .125vw + 7.6px, 10px);--card-br-c-s:clamp(10px, .1875vw + 9.4px, 13px);--card-br-c-m:clamp(14px, .1875vw + 13.4px, 17px);--card-br-c-l:clamp(18px, .3125vw + 17px, 23px);--card-br-c-xl:clamp(24px, .375vw + 22.8px, 30px);--card-br-c-xxl:clamp(32px, .5vw + 30.4px, 40px);--card-br-c-xxxl:clamp(40px, .75vw + 37.6px, 52px);--card-br-xs-inner-xs:clamp(4px, .3vw, 4px);--card-br-s-inner-xs:clamp(6px, .8vw, 8px);--card-br-m-inner-xs:clamp(10px, 1.3vw, 12px);--card-br-l-inner-xs:clamp(14px, 2.3vw, 20px);--card-br-xl-inner-xs:clamp(20px, 3.3vw, 28px);--card-br-xxl-inner-xs:clamp(28px, 4.8vw, 40px);--card-br-s-inner-s:clamp(2px, 0vw, 2px);--card-br-m-inner-s:clamp(6px, .5vw, 6px);--card-br-l-inner-s:clamp(10px, 1.5vw, 14px);--card-br-xl-inner-s:clamp(16px, 2.5vw, 22px);--card-br-xxl-inner-s:clamp(24px, 4vw, 34px);--card-br-m-inner-m:clamp(2px, 0vw, 2px);--card-br-l-inner-m:clamp(6px, .5vw, 10px);--card-br-xl-inner-m:clamp(12px, 1.5vw, 18px);--card-br-xxl-inner-m:clamp(20px, 3vw, 30px);--card-br-l-inner-l:clamp(2px, 0vw, 4px);--card-br-xl-inner-l:clamp(8px, .5vw, 12px);--card-br-xxl-inner-l:clamp(16px, 2vw, 24px);--card-p-xs:clamp(4px, .25vw + 3.2px, 8px);--card-p-s:clamp(8px, .375vw + 6.8px, 13px);--card-p-m:clamp(12px, .375vw + 10.8px, 17px);--card-p-l:clamp(16px, .5vw + 14.4px, 23px);--card-p-xl:clamp(20px, 1vw + 16.8px, 35px);--card-p-xxl:clamp(24px, 1.5vw + 19.2px, 47px);--card-p-xxxl:clamp(46px, .875vw + 43.2px, 59px);--btn-h-xs:clamp(23px, .125vw + 22.6px, 24px);--btn-h-s:clamp(27px, .125vw + 26.6px, 29px);--btn-h-m:clamp(32px, .125vw + 31.6px, 34px);--btn-h-l:clamp(42px, .125vw + 41.6px, 44px);--btn-h-xl:clamp(54px, .5vw + 52.4px, 62px);--btn-h-xxl:clamp(64px, .75vw + 61.6px, 76px);--btn-p-xs:clamp(6px, .125vw + 5.6px, 8px);--btn-p-s:clamp(10px, .125vw + 9.6px, 12px);--btn-p-m:clamp(14px, .125vw + 13.6px, 16px);--btn-p-l:clamp(16px, .25vw + 15.2px, 20px);--btn-p-xl:clamp(20px, .375vw + 18.8px, 26px);--btn-p-xxl:clamp(24px, .5vw + 22.4px, 32px);--btn-r-xs:clamp(8px, .125vw + 7.6px, 10px);--btn-r-s:clamp(10px, .125vw + 9.6px, 12px);--btn-r-m:clamp(12px, .125vw + 11.6px, 14px);--btn-r-l:clamp(16px, .125vw + 15.6px, 18px);--btn-r-xl:clamp(20px, .125vw + 19.6px, 22px);--btn-r-xxl:clamp(24px, .25vw + 23.6px, 26px);--btn-r-full:9999px;--btn-icon-size-xs:.5;--btn-icon-size-s:.6;--btn-icon-size-m:.7;--btn-icon-size-l:.8;--btn-icon-size-xl:.9;--btn-icon-size-xxl:1;--bdg-h-ui-xs:clamp(16px, 2.2vw, 22px);--bdg-h-ui-s:clamp(20px, 2.8vw, 28px);--bdg-h-ui-m:clamp(24px, 3.5vw, 34px);--bdg-h-ui-l:clamp(30px, 4.2vw, 42px);--bdg-h-ui-xl:clamp(38px, 5vw, 54px);--bdg-h-ui-xxl:clamp(46px, 6vw, 66px);--input-h-xs:clamp(28px, .25vw + 27.2px, 32px);--input-h-s:clamp(32px, .25vw + 31.2px, 36px);--input-h-m:clamp(36px, .25vw + 35.2px, 40px);--input-h-l:clamp(40px, .25vw + 39.2px, 44px);--input-h-xl:clamp(48px, .5vw + 46.4px, 56px);--input-h-xxl:clamp(56px, .75vw + 53.6px, 68px);--input-h-hero:clamp(72px, 1.5vw + 67.2px, 96px);--input-px-xs:clamp(6px, .125vw + 5.6px, 8px);--input-px-s:clamp(8px, .125vw + 7.6px, 10px);--input-px-m:clamp(10px, .125vw + 9.6px, 12px);--input-px-l:clamp(12px, .125vw + 11.6px, 14px);--input-px-xl:clamp(14px, .125vw + 13.6px, 16px);--input-px-xxl:clamp(16px, .25vw + 15.2px, 20px);--close-btn-size-xs:clamp(20px, 2.5vw, 24px);--close-btn-size-s:clamp(24px, 3vw, 28px);--close-btn-size-m:clamp(28px, 3.5vw, 32px);--close-btn-size-l:clamp(32px, 4vw, 36px);--close-btn-size-xl:clamp(36px, 4.5vw, 42px);--close-btn-size-xxl:clamp(42px, 5vw, 50px);--dropdown-max-height:clamp(200px, 40vh, 400px);--dropdown-item-height:clamp(36px, 4vw, 42px);--dropdown-padding:clamp(4px, .5vw, 6px);--tooltip-max-width:clamp(180px, 40vw, 280px);--tooltip-arrow-size:6px}.input,.textarea{border:1px solid var(--solid-border);background:var(--solid-control);width:100%;color:var(--text-color);font-size:var(--p2-size);font-family:var(--font-primary);appearance:none;outline:none;transition:all .2s}.input::placeholder,.textarea::placeholder{-webkit-text-security:none;color:var(--text-quaternary-color,var(--text-secondary-color,#8a8a8a));direction:inherit;text-orientation:inherit;writing-mode:inherit;opacity:1}.input::-webkit-input-placeholder{-webkit-text-security:none;color:var(--text-quaternary-color,var(--text-secondary-color,#8a8a8a));direction:inherit;text-orientation:inherit;writing-mode:inherit;opacity:1}.textarea::-webkit-input-placeholder{-webkit-text-security:none;color:var(--text-quaternary-color,var(--text-secondary-color,#8a8a8a));direction:inherit;text-orientation:inherit;writing-mode:inherit;opacity:1}.input:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--solid-container)}@media (hover:hover) and (pointer:fine){.input:hover:not(:disabled):not(:focus):not(:focus-visible):not(:focus-within),.textarea:hover:not(:disabled):not(:focus):not(:focus-visible):not(:focus-within){border-color:var(--solid-border-h);background:var(--solid-control-h)}}.input:focus,.textarea:focus,.input:focus-visible,.textarea:focus-visible,.input:focus-within,.textarea:focus-within{border-color:var(--solid-border-focus)!important;background:var(--solid-control-a)!important}.input-h-xs{height:var(--input-h-xs)}.input-h-s{height:var(--input-h-s)}.input-h-m{height:var(--input-h-m)}.input-h-l{height:var(--input-h-l)}.input-h-xl{height:var(--input-h-xl)}.input-h-xxl{height:var(--input-h-xxl)}.input-px-xs{padding-left:clamp(8px,1.2vw,12px);padding-right:clamp(8px,1.2vw,12px)}.input-px-s{padding-left:clamp(10px,1.4vw,14px);padding-right:clamp(10px,1.4vw,14px)}.input-px-m{padding-left:clamp(12px,1.5vw,16px);padding-right:clamp(12px,1.5vw,16px)}.input-px-l{padding-left:clamp(14px,1.8vw,18px);padding-right:clamp(14px,1.8vw,18px)}.input-px-xl{padding-left:clamp(16px,2vw,20px);padding-right:clamp(16px,2vw,20px)}.input-px-xxl{padding-left:clamp(18px,2.2vw,24px);padding-right:clamp(18px,2.2vw,24px)}.input-text-xs{font-size:var(--p4-size)}.input-text-s{font-size:var(--p3-size)}.input-text-m{font-size:var(--p2-size)}.input-text-l{font-size:var(--p1-size)}.input-text-xl{font-size:var(--h4-size)}.input-text-xxl{font-size:var(--h2-size)}.input-text-hero{font-size:var(--hero-size,3.5rem)}.input-br-xs{border-radius:var(--btn-r-xs)}.input-br-s{border-radius:var(--btn-r-s)}.input-br-m{border-radius:var(--btn-r-m)}.input-br-l{border-radius:var(--btn-r-l)}.input-br-xl{border-radius:var(--btn-r-xl)}.input-br-xxl{border-radius:var(--btn-r-xxl)}.input-br-full{border-radius:var(--btn-r-full)}.input-center{text-align:center}.input-right{text-align:right}.input-left{text-align:left}.input-xs{font-size:var(--p4-size);height:var(--input-h-xs);padding-left:clamp(8px,1.2vw,12px);padding-right:clamp(8px,1.2vw,12px)}.input-s{font-size:var(--p3-size);height:var(--input-h-s);padding-left:clamp(10px,1.4vw,14px);padding-right:clamp(10px,1.4vw,14px)}.input-m{font-size:var(--p2-size);height:var(--input-h-m);padding-left:clamp(12px,1.5vw,16px);padding-right:clamp(12px,1.5vw,16px)}.input-l{font-size:var(--p1-size);height:var(--input-h-l);padding-left:clamp(14px,1.8vw,18px);padding-right:clamp(14px,1.8vw,18px)}.input-xl{font-size:var(--h4-size);height:var(--input-h-xl);padding-left:clamp(16px,2vw,20px);padding-right:clamp(16px,2vw,20px)}.input-xxl{font-size:var(--h3-size);height:var(--input-h-xxl);padding-left:clamp(18px,2.2vw,24px);padding-right:clamp(18px,2.2vw,24px)}.input-size-xs{height:var(--input-h-xs);padding-left:var(--input-px-xs);padding-right:var(--input-px-xs);font-size:var(--p3-size)}.input-size-s{height:var(--input-h-s);padding-left:var(--input-px-s);padding-right:var(--input-px-s);font-size:var(--p2-size)}.input-size-m{height:var(--input-h-m);padding-left:var(--input-px-m);padding-right:var(--input-px-m);font-size:var(--p2-size)}.input-size-l{height:var(--input-h-l);padding-left:var(--input-px-l);padding-right:var(--input-px-l);font-size:var(--p1-size)}.input-size-xl{height:var(--input-h-xl);padding-left:var(--input-px-xl);padding-right:var(--input-px-xl);font-size:var(--h4-size)}.input-size-xxl{height:var(--input-h-xxl);padding-left:var(--input-px-xxl);padding-right:var(--input-px-xxl);font-size:var(--h3-size)}.input-glass-wrapper{background:var(--glass-control);border:1px solid var(--glass-border);width:100%;backdrop-filter:blur(var(--glass-blur,8px)) saturate(var(--glass-saturation,150%));transition:background .3s,border-color .3s;display:flex;box-shadow:0 2px 8px #0000000a}@media (hover:hover) and (pointer:fine){.input-glass-wrapper:hover:not(:focus-within){border-color:var(--glass-border-h);background:var(--glass-control-h)}}.input-glass-wrapper:focus-within{border-color:var(--glass-border-focus)!important;background:var(--glass-control-a)!important}.input-glass-wrapper .input-glass{box-shadow:none;backdrop-filter:none;background:0 0;border:none;flex:1;width:100%}.input-glass{background:var(--glass-control);border:1px solid var(--glass-border);color:var(--text-color);backdrop-filter:blur(var(--glass-blur,8px)) saturate(var(--glass-saturation,150%));z-index:1;transition:background .3s,border-color .3s,color .3s;position:relative;box-shadow:0 2px 8px #0000000a}@media (hover:hover) and (pointer:fine){.input-glass:hover:not(:disabled):not(:focus):not(:focus-visible):not(:focus-within){border-color:var(--glass-border-h);background:var(--glass-control-h)}}.input-glass:focus,.input-glass:focus-visible,.input-glass:focus-within{border-color:var(--glass-border-focus)!important;background:var(--glass-control-a)!important}.input-on-glass{background:var(--on-glass-control);border:1px solid var(--on-glass-border);color:var(--text-color);transition:background .2s,border-color .2s}@media (hover:hover) and (pointer:fine){.input-on-glass:hover:not(:disabled):not(:focus):not(:focus-visible):not(:focus-within){border-color:var(--on-glass-border-h);background:var(--on-glass-control-h)}}.input-on-glass:focus,.input-on-glass:focus-visible,.input-on-glass:focus-within{border-color:var(--on-glass-border-focus)!important;background:var(--on-glass-control-a)!important}.textarea{resize:vertical;border-radius:var(--btn-r-m);height:auto;line-height:1.5}.textarea-glass{background:var(--glass-control);border-color:var(--glass-border)}@media (hover:hover) and (pointer:fine){.textarea-glass:hover:not(:disabled):not(:focus):not(:focus-visible):not(:focus-within){border-color:var(--glass-border-h);background:var(--glass-control-h)}}.textarea-glass:focus,.textarea-glass:focus-visible,.textarea-glass:focus-within{border-color:var(--glass-border-focus)!important;background:var(--glass-control-a)!important}.textarea-on-glass{background:var(--on-glass-control);border-color:var(--on-glass-border)}@media (hover:hover) and (pointer:fine){.textarea-on-glass:hover:not(:disabled):not(:focus):not(:focus-visible):not(:focus-within){border-color:var(--on-glass-border-h);background:var(--on-glass-control-h)}}.textarea-on-glass:focus,.textarea-on-glass:focus-visible,.textarea-on-glass:focus-within{border-color:var(--on-glass-border-focus)!important;background:var(--on-glass-control-a)!important}.textarea-size-xs{font-size:var(--p3-size);padding:var(--input-px-xs)}.textarea-size-s{font-size:var(--p2-size);padding:var(--input-px-s)}.textarea-size-m{font-size:var(--p2-size);padding:var(--input-px-m)}.textarea-size-l{font-size:var(--p1-size);padding:var(--input-px-l)}.textarea-size-xl{font-size:var(--h4-size);padding:var(--input-px-xl)}.textarea-size-xxl{font-size:var(--h3-size);padding:var(--input-px-xxl)}.textarea-br-xs{border-radius:var(--btn-r-xs)}.textarea-br-s{border-radius:var(--btn-r-s)}.textarea-br-m{border-radius:var(--btn-r-m)}.textarea-br-l{border-radius:var(--btn-r-l)}.textarea-br-xl{border-radius:var(--btn-r-xl)}.textarea-br-xxl{border-radius:var(--btn-r-xxl)}.textarea-br-full{border-radius:var(--btn-r-full)}.select{border:1px solid var(--solid-border);background:var(--solid-control);width:100%;color:var(--text-color);font-size:var(--p2-size);font-family:var(--font-primary);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='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right clamp(12px,1.5vw,16px) center;background-repeat:no-repeat;outline:none;transition:all .2s}.select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--solid-container)}@media (hover:hover) and (pointer:fine){.select:hover:not(:disabled):not(:focus){border-color:var(--solid-border-h);background-color:var(--solid-control-h)}}.select:focus{border-color:var(--solid-border-focus);background-color:var(--solid-control-a)}.select-xs{height:var(--input-h-xs);font-size:var(--p3-size);padding:0 clamp(28px,3.5vw,32px) 0 var(--input-px-xs);background-position:right clamp(8px,1.2vw,12px) center;background-size:10px}.select-s{height:var(--input-h-s);font-size:var(--p3-size);padding:0 clamp(30px,3.8vw,36px) 0 var(--input-px-s);background-position:right clamp(10px,1.4vw,14px) center;background-size:11px}.select-m{height:var(--input-h-m);font-size:var(--p2-size);padding:0 clamp(32px,4vw,40px) 0 var(--input-px-m)}.select-l{height:var(--input-h-l);font-size:var(--p1-size);padding:0 clamp(36px,4.5vw,44px) 0 var(--input-px-l);background-position:right clamp(14px,1.8vw,18px) center;background-size:13px}.select-xl{height:var(--input-h-xl);font-size:var(--h4-size);padding:0 clamp(40px,5vw,50px) 0 var(--input-px-xl);background-position:right clamp(16px,2vw,20px) center;background-size:14px}.select-xxl{height:var(--input-h-xxl);font-size:var(--h3-size);padding:0 clamp(46px,5.5vw,56px) 0 var(--input-px-xxl);background-position:right clamp(18px,2.4vw,24px) center;background-size:15px}.checkbox{appearance:none;border:1.5px solid var(--solid-border);border-radius:var(--card-br-xs);cursor:pointer;background:0 0;outline:none;flex-shrink:0;width:clamp(18px,2.2vw,20px);height:clamp(18px,2.2vw,20px);margin:0;transition:all .2s;position:relative}.checkbox:checked{background:var(--text-color);border-color:var(--text-color)}@media (hover:hover) and (pointer:fine){.checkbox:hover:not(:disabled):not(:focus-visible){border-color:var(--solid-border-h)}}.checkbox:checked:before{content:"✓";color:var(--on-color);font-size:.85em;font-weight:600;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.checkbox:focus-visible{outline:2px solid var(--solid-border-focus);outline-offset:2px}.checkbox:disabled{opacity:.4;cursor:not-allowed}.checkbox:active:not(:disabled){transform:scale(.95)}.checkbox-xs{width:clamp(14px,1.8vw,16px);height:clamp(14px,1.8vw,16px)}.checkbox-s{width:clamp(16px,2vw,18px);height:clamp(16px,2vw,18px)}.checkbox-m{width:clamp(18px,2.2vw,20px);height:clamp(18px,2.2vw,20px)}.checkbox-l{width:clamp(20px,2.5vw,22px);height:clamp(20px,2.5vw,22px)}.checkbox-xl{width:clamp(22px,2.8vw,26px);height:clamp(22px,2.8vw,26px)}.checkbox-xxl{width:clamp(26px,3.2vw,30px);height:clamp(26px,3.2vw,30px)}.radio{appearance:none;border:1.5px solid var(--solid-border);cursor:pointer;background:0 0;border-radius:50%;outline:none;flex-shrink:0;width:clamp(18px,2.2vw,20px);height:clamp(18px,2.2vw,20px);margin:0;transition:all .2s;position:relative}.radio:checked{border-color:var(--text-color)}@media (hover:hover) and (pointer:fine){.radio:hover:not(:disabled):not(:focus-visible){border-color:var(--solid-border-h)}}.radio:checked:before{content:"";background:var(--text-color);border-radius:50%;width:50%;height:50%;animation:.2s radio-pop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio:focus-visible{outline:2px solid var(--solid-border-focus);outline-offset:2px}.radio:disabled{opacity:.4;cursor:not-allowed}.radio:active:not(:disabled){transform:scale(.95)}@keyframes radio-pop{0%{transform:translate(-50%,-50%)scale(0)}50%{transform:translate(-50%,-50%)scale(1.2)}to{transform:translate(-50%,-50%)scale(1)}}.radio-xs{width:clamp(14px,1.8vw,16px);height:clamp(14px,1.8vw,16px)}.radio-s{width:clamp(16px,2vw,18px);height:clamp(16px,2vw,18px)}.radio-m{width:clamp(18px,2.2vw,20px);height:clamp(18px,2.2vw,20px)}.radio-l{width:clamp(20px,2.5vw,22px);height:clamp(20px,2.5vw,22px)}.radio-xl{width:clamp(22px,2.8vw,26px);height:clamp(22px,2.8vw,26px)}.radio-xxl{width:clamp(26px,3.2vw,30px);height:clamp(26px,3.2vw,30px)}@media (hover:none) and (pointer:coarse){.checkbox:hover:not(:disabled),.radio:hover:not(:disabled){border-color:var(--solid-border)}}.input-error{border-color:var(--color-red)}.input-error:focus{border-color:var(--color-red);box-shadow:0 0 0 3px rgba(var(--color-red-rgb), .1)}.input-success{border-color:var(--color-green)}.input-success:focus{border-color:var(--color-green);box-shadow:0 0 0 3px rgba(var(--color-green-rgb), .1)}.input-wrapper{width:100%;display:inline-block;position:relative}.input-icon{color:var(--text-tertiary-color);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-icon-left{left:clamp(10px,1.5vw,14px)}.input-icon-right{right:clamp(10px,1.5vw,14px)}.input-with-icon-left{padding-left:clamp(36px,5vw,44px)}.input-with-icon-right{padding-right:clamp(36px,5vw,44px)}.form-label{color:var(--text-color);font-size:var(--p2-size);margin-bottom:clamp(6px,1vw,8px);font-weight:500;display:block}.form-helper-text{color:var(--text-secondary-color);font-size:var(--p3-size);margin-top:clamp(4px,.8vw,6px);display:block}.form-error-text{color:var(--color-red);font-size:var(--p3-size);margin-top:clamp(4px,.8vw,6px);display:block}.form-group{margin-bottom:clamp(16px,2.5vw,20px)}.form-group-inline{align-items:center;gap:clamp(8px,1.2vw,12px);display:flex}.partner-calculator{justify-content:center;align-items:center;width:100%;max-width:700px;display:flex}.partner-calculator--male .partner-calculator__card{background:var(--gradient-blue)}.partner-calculator__header{text-align:center;margin-bottom:var(--card-p-xl)}.partner-calculator__title{color:var(--text-color,#fff);letter-spacing:-.02em;margin:0 0 .25rem;font-size:clamp(1.5rem,5vw,2rem);font-weight:600}.partner-calculator__subtitle{color:var(--text-secondary-color,#fff9);border-radius:var(--card-br-m);padding:var(--card-p-s) var(--card-p-m);transition:all var(--transition-normal);background:#0003;border:1px solid #ffffff1a;font-size:clamp(.875rem,3vw,1rem)}.partner-calculator__subtitle:focus-within{border-color:#ffffff4d;box-shadow:0 0 0 3px #ffffff0d}.partner-calculator__input-wrapper{padding-top:var(--card-p-s);justify-content:center;align-items:center;gap:1rem;display:flex}.partner-calculator__input-suffix{font-size:var(--p1-size);color:var(--text-secondary-color,#ffffff80);white-space:nowrap;text-align:left;min-width:6em}.partner-calculator__result{margin-top:var(--card-p-xl);padding-top:var(--card-p-xl);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:220px;display:flex;position:relative}.partner-calculator__result-label{color:var(--text-secondary-color,#fff9);margin-bottom:var(--card-p-s);font-size:.875rem}.partner-calculator__result-number{color:var(--text-color,#fff);margin-bottom:var(--card-p-m);text-shadow:0 2px 20px #ffffff26;min-height:1em;font-size:clamp(5rem,18vw,8rem);font-weight:700;line-height:1;transition:transform .1s ease-out}.partner-calculator__result-number--animated{animation:.15s ease-out number-pop}@keyframes number-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.partner-calculator__result-phrase{color:var(--text-secondary-color,#ffffffb3);margin-bottom:var(--card-p-m);min-height:3em;font-size:clamp(.875rem,3vw,1rem);font-style:italic;line-height:1.5}.partner-calculator__result-median{color:var(--text-secondary-color,#fff9);padding:var(--card-p-xs) var(--card-p-m);border-radius:var(--card-br-s);margin-bottom:var(--card-p-s);background:#ffffff0d;min-width:180px;min-height:1.8em;font-size:clamp(.7rem,2vw,.8rem);display:inline-block}.partner-calculator__result-diff{color:var(--text-tertiary-color,#fff6);padding:var(--card-p-xs) var(--card-p-s);border-radius:var(--card-br-s);white-space:nowrap;background:#ffffff08;font-size:clamp(.65rem,2vw,.75rem);display:inline-block}.partner-calculator__disclaimer{margin-top:var(--card-p-xl);padding-top:var(--card-p-m);color:var(--text-tertiary-color,#ffffff59);text-align:center;font-size:.7rem;line-height:1.5}.partner-calculator__gender-switch{justify-content:center;align-items:center;margin-bottom:2.2rem;display:flex}.partner-calculator__input-section{margin-bottom:1rem}.partner-calculator__age-section{padding-top:var(--card-p-s);margin-bottom:1.8rem}.partner-calculator__input-suffix--small{font-size:var(--p2-size);min-width:2.5em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}