:root{--color-brand-blue-06: #2F4159;--color-brand-blue-01: #34547A;--color-brand-blue-02: #57789F;--color-brand-blue-03: #84A5CB;--color-brand-blue-04: #D1E1EC;--color-brand-blue-05: #EFF2F4;--color-brand-blue-nav-text: #56718B;--color-brand-blue-dark: #2c5f7d;--color-brand-blue-light: #4a8aae;--color-bg-calm-light: var(--color-brand-blue-05);--color-brand-green-01: #0E5267;--color-brand-green-02: #28748C;--color-brand-green-02-overlay: rgba(40, 116, 140, .9);--color-brand-green-03: #AAC0B7;--color-brand-green-03-transparent: rgba(170, 192, 183, .56);--color-brand-green-04-subtle: #EEF2F0;--color-brand-green-05: #F0F7F4;--color-brand-pink-06: #A44042;--color-brand-pink-01: #B35153;--color-brand-pink-02: #DFB0A2;--color-brand-pink-03: #F8DAD1;--color-brand-pink-04: #FFF0EB;--color-brand-pink-05: #FFF8F6;--color-brand-pink-coral: #B25D51;--color-brand-brown-01: #654237;--color-brand-brown-02: #B67F6E;--color-brand-brown-04: #F8F6F4;--color-brand-teal: #2A7C7C;--color-success: #34AA44;--color-verified-green: #4CAF50;--color-checkmark-green: #288C76;--color-success-pill-bg: #DCEFE7;--color-success-pill-text: #14532D;--color-progress-pill-bg: #FDF0DC;--color-progress-pill-text: #7C4A03;--color-info-focus: #4A90E2;--color-warning: #F6A62F;--color-error: #E4492D;--color-error-light-bg: #fef2f2;--color-error-light-border: #fecaca;--color-error-text: #dc2626;--color-brand-blue-dark: var(--color-brand-blue-01);--color-brand-blue-medium: var(--color-brand-blue-02);--color-brand-blue-light: var(--color-brand-blue-03);--color-brand-blue-lighter: var(--color-brand-blue-04);--color-brand-blue-subtle-bg: var(--color-brand-blue-05);--color-brand-blue-link: #5D738A;--color-brand-green-dark: var(--color-brand-green-01);--color-brand-green-medium: var(--color-brand-green-02);--color-brand-green-border: var(--color-brand-green-03);--color-brand-green-subtle-bg: var(--color-brand-green-05);--color-brand-pink: var(--color-brand-pink-01);--color-brand-pink-dark: #A64648;--color-white: #FDFDFD;--color-white-pure: #FFFFFF;--color-grey-subtle-bg: #f8fafc;--color-grey-border: #E0E0E0;--color-grey-border-light: #e5ecf0;--color-grey-disabled-bg: #DBA7A7;--color-grey-disabled-medium: #CCCCCC;--color-grey-disabled-text: #888888;--color-error: #A22607;--color-focus-ring: rgba(181, 87, 89, .25);--color-primary: var(--color-brand-blue-dark);--color-secondary: var(--color-brand-blue-medium);--color-text-body: var(--color-primary);--color-text-subtle: var(--color-secondary);--color-text-placeholder: var(--color-brand-green-medium);--color-text-disabled: var(--color-grey-disabled-text);--color-background-alt: #F0F4F8;--icon-filter-pink: invert(48%) sepia(31%) saturate(746%) hue-rotate(314deg) brightness(86%) contrast(91%);--icon-filter-blue-dark: invert(30%) sepia(25%) saturate(1017%) hue-rotate(179deg) brightness(93%) contrast(89%);--icon-filter-blue-medium: invert(50%) sepia(15%) saturate(917%) hue-rotate(178deg) brightness(91%) contrast(87%);--icon-filter-warning: invert(67%) sepia(73%) saturate(1352%) hue-rotate(8deg) brightness(101%) contrast(96%);--icon-filter-success: invert(28%) sepia(89%) saturate(1048%) hue-rotate(134deg) brightness(95%) contrast(95%);--icon-filter-grey: invert(87%) sepia(6%) saturate(138%) hue-rotate(169deg) brightness(93%) contrast(89%);--icon-filter-white: brightness(0) invert(1);--icon-filter-green-dark: invert(25%) sepia(77%) saturate(485%) hue-rotate(162deg) brightness(95%) contrast(96%);--color-background-subtle: var(--color-brand-blue-subtle-bg);--color-border-default: var(--color-grey-border);--color-border-input: var(--color-brand-green-border);--font-family-lato: "Lato-Regular", sans-serif;--font-family-lato-light: "Lato-Light", sans-serif;--font-family-lato-italic: "Lato-Light-Italic", sans-serif;--font-family-lato-semibold: "Lato-Semibold", sans-serif;--font-family-hatton: "Hatton-Regular", serif;--font-family-hatton-light: "Hatton-Light", serif;--font-family-hatton-regular-italic: "Hatton-Regular-Italic", serif;--font-family-hatton-light-italic: "Hatton-Light-Italic", serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-base: 1.4;--line-height-normal: 1.5;--font-size-xxs: clamp(.75rem, calc(.7rem + .25vw) , .875rem);--font-size-xs: clamp(.875rem, calc(.83rem + .22vw) , 1rem);--font-size-sm: clamp(1rem, calc(.94rem + .3vw) , 1.125rem);--font-size-md: clamp(1.125rem, calc(1.05rem + .37vw) , 1.25rem);--font-size-lg: clamp(1.25rem, calc(1.15rem + .5vw) , 1.5rem);--font-size-xl: clamp(1.5rem, calc(1.35rem + .75vw) , 1.75rem);--font-size-xxl: clamp(2rem, calc(1.8rem + 1vw) , 2.5rem);--font-size-xxxl: clamp(2.75rem, calc(2.4rem + 1.75vw) , 3.5rem);--font-size-xxxxl: clamp(3.5rem, calc(3rem + 2.5vw) , 4.5rem);--line-height-tight: 1.24;--line-height-loose: 1.64;--spacing-xxs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem;--spacing-xxxl: 3rem;--spacing-xxxxl: 3.5rem;--nav-height: 4.25rem;--container-max-width: 90rem;--border-width: .0625rem;--border-width-thick: .125rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: 1rem;--shadow-card: 0 .25rem 2.5rem rgba(0, 0, 0, .08);--shadow-card-sm: 0 .125rem .5rem rgba(0, 0, 0, .02);--shadow-footer: 0 .25rem 2.5rem rgba(0, 0, 0, .16);--shadow-button: 0 2px 6px rgba(0, 0, 0, .15);--shadow-button-hover: 0 4px 8px rgba(0, 0, 0, .15);--shadow-nav-mobile: 0 -2px 8px rgba(0, 0, 0, .15);--shadow-modal: 0 2px 8px rgba(0, 0, 0, .2);--shadow-popover: 0 4px 12px rgba(0, 0, 0, .2);--button-height-md: 2.75rem;--button-height-lg: 3.25rem;--button-font-family: var(--font-family-lato);--button-font-weight: var(--font-weight-semibold, 600);--button-font-size-responsive: clamp(1rem, calc(.9rem + .5vw) , 1.125rem);--button-border-radius: .5rem;--button-border-radius-pill: 6.25rem;--button-focus-outline-width: .125rem;--button-focus-outline-offset: .25rem;--button-primary-bg: var(--color-brand-pink);--button-primary-bg-hover: var(--color-brand-pink-06);--button-primary-focus-color: var(--color-brand-pink);--button-tertiary-bg: transparent;--button-tertiary-bg-hover: var(--color-brand-blue-05);--button-tertiary-focus-color: var(--color-brand-blue-dark);--formbox-padding: 1.5rem;--formbox-bg: rgb(239, 242, 244);--formbox-border-color: #D1E1EC;--formbox-border-width: 1px;--formbox-border-radius: 1rem;--formbox-blur: blur(.75rem);--nav-circle-size: 2rem;--nav-circle-border-width: .125rem;--choicecard-padding-vertical: 2rem;--choicecard-padding-horizontal: 1rem;--choicecard-gap: 1rem;--choicecard-border-radius: .75rem;--choicecard-border-width-default: .125rem;--choicecard-border-color-default: #DFB0A2;--choicecard-bg: #FDFDFD;--choicecard-border-color-all-others: #B55759;--choicecard-border-color-selected: #B55759;--choicecard-border-width-focus-ring: .1875rem;--choicecard-box-shadow-default: 0 4px 6px rgba(0, 0, 0, .1);--choicecard-box-shadow-hover: 0 8px 12px rgba(0, 0, 0, .15);--choicecard-selected-badge-size: clamp(1.75rem, 4vw, 2.25rem);--button-gap: .5rem;--button-transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;--button-primary-width-invite-desktop: 21rem;--formbox-padding-y-min: 1.25rem;--formbox-padding-y-max: 2.5rem;--formbox-padding-y-pref: calc(1rem + 2vw) ;--formbox-padding-y: clamp(var(--formbox-padding-y-min), var(--formbox-padding-y-pref), var(--formbox-padding-y-max));--formbox-padding-x-min: 1rem;--formbox-padding-x-max: 2.5rem;--formbox-padding-x-pref: calc(.75rem + 2.5vw) ;--formbox-padding-x: clamp(var(--formbox-padding-x-min), var(--formbox-padding-x-pref), var(--formbox-padding-x-max));--formbox-max-width-default: 60rem;--formbox-max-width-narrow: 34rem;--input-border-radius: .625rem;--input-border-default: var(--color-brand-blue-light);--input-border-active: var(--color-brand-blue-dark);--input-border-error: var(--color-error);--input-text-color: var(--color-brand-blue-medium);--input-text-color-active: var(--color-brand-blue-dark);--input-background: var(--color-white);--input-background-error: var(--color-white);--input-placeholder-color: var(--color-brand-blue-medium);--font-size-input-label: clamp(.9375rem, calc(.874rem + .279vw) , 1.125rem);--font-size-input-text: clamp(.9375rem, calc(.911rem + .111vw) , 1rem);--font-size-form-error: clamp(.75rem, calc(.718rem + .096vw) , .875rem);--input-padding-vertical: .75rem;--input-padding-horizontal: 1rem;--z-index-nav: 1000;--button-padding-y: .375rem;--color-brand-blue-subtle-bg: #EFF6FF;--color-brand-pink-subtle-bg: #FDF2F8;--color-brand-green-medium: #059669;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-card-hover: 0 10px 15px -3px rgba(0, 0, 0, .1);--button-transition: all .2s ease;--color-bg-alt-calm: #F4F8FA;--color-border-gentle: #E4EBF1;--color-text-supportive: #57789F;--color-text-primary-calm: #2F4159;--color-accent-warm: #B35153;--font-family-body: var(--font-family-lato);--transition-gentle: all .3s cubic-bezier(.25, .8, .25, 1);--footer-bg: var(--color-brand-green-01);--footer-text-color: var(--color-white);--footer-max-width: var(--container-max-width);--footer-gap: var(--spacing-xxxl);--footer-padding-y: var(--spacing-xxxl);--footer-padding-x: var(--spacing-xl);--footer-tagline-opacity: .8;--footer-tagline-max-width: 20rem;--icon-size-sm: .875rem;--icon-size-md: 1.5rem;--icon-size-responsive-md: clamp(3rem, 6vw, 4rem);--icon-size-responsive-lg: clamp(4.5rem, 8vw, 5.75rem);--icon-size-success: clamp(8rem, 10vw, 11rem);--icon-size-info: clamp(.875rem, 1rem, 1.125rem);--touch-min: 2.75rem;--touch-elderly-sm: 3rem;--touch-elderly-md: 3.5rem;--touch-elderly-lg: 3.75rem;--spacing-2xs: .25rem;--modal-max-width-sm: 42rem;--shadow-sm: 0 .0625rem .125rem rgba(0, 0, 0, .05);--shadow-md: 0 .25rem .375rem rgba(0, 0, 0, .1);--shadow-lg: 0 .625rem .9375rem rgba(0, 0, 0, .1);--color-border-gentle: #E5E7EB;--color-border-light: #E5E7EB;--color-text-primary: #1A365D;--color-text-secondary: #2D3748;--color-text-supportive: #6B7280;--color-bg-subtle: #F8F9FA;--color-bg-calm-light: #EFF2F4;--color-success-light: #BBF7D0;--color-brand-green-subtle-bg: #F0FDF4;--color-brand-green-light: #86EFAC;--color-brand-green-dark: #047857;--color-brand-green-medium: #10B981;--color-brand-pink-subtle-bg: #FDF2F2;--color-brand-pink-medium: #B55759;--radius-md: .75rem;--radius-lg: 1rem;--border-width-thick: .1875rem;--formbox-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .08)}.page-wrapper{position:relative;min-height:100vh;min-height:100dvh;width:100%;overflow:visible;display:flex;flex-direction:column;box-sizing:border-box;overscroll-behavior:none;contain:layout style;isolation:auto}.page-content{flex:1;width:100%;display:flex;flex-direction:column;position:relative;z-index:1;overflow:visible;padding-top:calc(var(--nav-height, 4.25rem) + clamp(1rem,4vw,3rem));padding-bottom:clamp(3rem,6vw,5rem)}.page-wrapper:not(.no-background) .page-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:-5rem;background-image:url(/Picture/backgrounds/blue-flower-field.svg);background-repeat:no-repeat;background-size:cover;background-position:center top;background-attachment:scroll;z-index:-1;opacity:.9}.planning-page-container .page-content:before{background-position:center -4.25rem}.page-wrapper.no-background .page-content:before{display:none}.page-wrapper.welcome-screen .page-content:before{background-image:url(/Picture/backgrounds/Blue-Sunset.svg);background-repeat:no-repeat;background-size:cover;background-position:center center;opacity:1;bottom:0}.page-wrapper.dashboard .page-content:before{background-image:linear-gradient(#57789f14,#57789f14),url(/Picture/backgrounds/water-background.svg);background-repeat:no-repeat;background-size:cover;background-position:center bottom;background-attachment:fixed;opacity:1;bottom:0}@media(max-width:768px){.page-wrapper:not(.no-background) .page-content:before{background-size:cover;background-position:center top}}@media(max-width:480px){.page-content{padding-top:calc(clamp(3rem,calc(2.75rem + 1.5vw),4.25rem) + clamp(1rem,4vw,3rem))}.page-wrapper:not(.no-background) .page-content:before{background-size:cover;background-position:center top}}.page-wrapper.with-fixed-footer .page-content{padding-bottom:var(--footer-height, 20rem)}@media(max-width:768px){.page-wrapper.with-fixed-footer .page-content{padding-bottom:var(--footer-height-tablet, 15rem)}}@media(max-width:480px){.page-wrapper.with-fixed-footer .page-content{padding-bottom:var(--footer-height-mobile, 12rem)}.planning-page-container .page-content{padding-bottom:5.5rem!important;margin-bottom:0!important}.planning-page-container .page-content:before{top:-4.25rem!important}.planning-page-container .basic-layout-container{padding-bottom:1.5rem!important;margin-bottom:0!important}}
