@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--breadcrumbsHeight:calc((40/16)*1rem);--breadcrumbsPaddingTopBottom:.5rem;--breadcrumbsPaddingLeftRight:.5rem;--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem)}*{box-sizing:border-box;font-family:var(--font-geist-sans);margin:0;padding:0}ul{list-style:none}main{margin-top:var(--headerHeight)}.youthCornerMain{background:var(--purpleGradientBackground)}.YWCornerMain{background:var(--greenGradientBackground)}
:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--breadcrumbsHeight:calc((40/16)*1rem);--breadcrumbsPaddingTopBottom:.5rem;--breadcrumbsPaddingLeftRight:.5rem;--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem)}.header{height:var(--headerHeight);background-color:var(--headerBackgroundColor);box-shadow:var(--headerBoxShadow);z-index:1000;padding:0 var(--headerPaddingLeftRight);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header__content{max-width:var(--maxWidthHeader);justify-content:space-between;align-items:center;width:100%;display:flex}.header__content .hamburgerIconContainer{flex:1}.header__content .logoContainer{text-align:center;flex:1}.header__content .userButtonContainer{text-align:right;flex:1;justify-content:flex-end;display:flex}
:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--breadcrumbsHeight:calc((40/16)*1rem);--breadcrumbsPaddingTopBottom:.5rem;--breadcrumbsPaddingLeftRight:.5rem;--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem)}.header__hamburger{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;gap:5px;display:flex}.header__hamburger-line{background-color:#333;width:24px;height:2px;transition:all .3s}.header__hamburger-line--open:first-child{transform:translateY(7px)rotate(45deg)}.header__hamburger-line--open:nth-child(2){opacity:0}.header__hamburger-line--open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}
:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--breadcrumbsHeight:calc((40/16)*1rem);--breadcrumbsPaddingTopBottom:.5rem;--breadcrumbsPaddingLeftRight:.5rem;--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem)}.userButton{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:flex;position:relative}.userButton__avatar{opacity:1;pointer-events:none;border-radius:50%;width:100%;height:100%;transition:opacity .3s,transform .3s;position:absolute;overflow:visible;transform:scale(1)rotate(0)}.userButton__avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.userButton__avatar--hidden{opacity:0;transform:scale(.8)rotate(-90deg)}.userButton__notification{border:2px solid var(--headerBackgroundColor);background-color:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite pulse;position:absolute;top:0;right:0;box-shadow:0 0 #ef4444b3}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ef4444b3}50%{transform:scale(1.1);box-shadow:0 0 0 4px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.userButton__close{opacity:0;pointer-events:none;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .3s,transform .3s;display:flex;position:absolute;transform:scale(.8)rotate(90deg)}.userButton__close--visible{opacity:1;transform:scale(1)rotate(0)}.userButton__close-line{background-color:#333;width:24px;height:2px;position:absolute}.userButton__close-line:first-child{transform:rotate(45deg)}.userButton__close-line:nth-child(2){transform:rotate(-45deg)}
:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--breadcrumbsHeight:calc((40/16)*1rem);--breadcrumbsPaddingTopBottom:.5rem;--breadcrumbsPaddingLeftRight:.5rem;--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem)}.header__logo-img{width:auto;height:2.5rem}
:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--breadcrumbsHeight:calc((40/16)*1rem);--breadcrumbsPaddingTopBottom:.5rem;--breadcrumbsPaddingLeftRight:.5rem;--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem)}.headerMenu{top:var(--headerHeight);z-index:999;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.headerMenu--open{pointer-events:auto}.headerMenu.hubHeaderMenu{top:calc(var(--headerHeight) + var(--breadcrumbsHeight))}.headerMenu__overlay{background-color:var(--headerOverlayBackgroundColor);opacity:0;transition:all .3s;position:absolute;inset:0}.headerMenu--open .headerMenu__overlay{opacity:1}.headerMenu__content{background-color:var(--headerBackgroundColor);width:17.5rem;max-width:85vw;padding:var(--headerPaddingLeftRight);transition:transform .3s;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.headerMenu__content--open{transform:translate(0)}.headerMenu__section{margin-bottom:2em}.headerMenu__section:last-child{margin-bottom:0}.headerMenu__section-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:1.875rem}.headerMenu__section-title--first{color:var(--primaryPurpleColor)}.headerMenu__section-title--second{color:var(--primaryGreenColor)}.headerMenu__item{margin-bottom:.5em}.headerMenu__link{border-radius:var(--buttonBorderRadius);color:var(--headerTextColor);padding:.75em 1em;font-size:1rem;text-decoration:none;transition:all .2s;display:block}.headerMenu__link--active{background-color:var(--headerLinkHoverBackgroundColor);pointer-events:none;color:var(--headerTextColor)}@media (hover:hover){.headerMenu__link:hover{background-color:var(--headerLinkHoverBackgroundColor);transform:translate(4px)}}.headerMenu__link:active{background-color:var(--headerLinkHoverBackgroundColor);background-color:var(--headerLinkHoverBackgroundColor);transform:translate(4px)}@media (hover:hover){.headerMenu__section:has(.headerMenu__section-title--first) .headerMenu__link:hover{color:var(--primaryPurpleColor)}}.headerMenu__section:has(.headerMenu__section-title--first) .headerMenu__link:active{color:var(--primaryPurpleColor)}.headerMenu__section:has(.headerMenu__section-title--first) .headerMenu__link--active{color:var(--headerBackgroundColor);background-color:var(--primaryPurpleColor)}@media (hover:hover){.headerMenu__section:has(.headerMenu__section-title--second) .headerMenu__link:hover{color:var(--primaryGreenColor)}}.headerMenu__section:has(.headerMenu__section-title--second) .headerMenu__link:active{color:var(--primaryGreenColor)}.headerMenu__section:has(.headerMenu__section-title--second) .headerMenu__link--active{color:var(--headerBackgroundColor);background-color:var(--primaryGreenColor)}
:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--breadcrumbsHeight:calc((40/16)*1rem);--breadcrumbsPaddingTopBottom:.5rem;--breadcrumbsPaddingLeftRight:.5rem;--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem)}.userMenu{top:var(--headerHeight);z-index:999;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.userMenu--open{pointer-events:auto}.userMenu.hubUserMenu{top:calc(var(--headerHeight) + var(--breadcrumbsHeight))}.userMenu__overlay{background-color:var(--headerOverlayBackgroundColor);opacity:0;transition:all .3s;position:absolute;inset:0}.userMenu--open .userMenu__overlay{opacity:1}.userMenu__content{background-color:var(--headerBackgroundColor);width:17.5rem;max-width:85vw;padding:var(--headerPaddingLeftRight);transition:transform .3s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.userMenu__content--open{transform:translate(0)}.userMenu__section{margin-bottom:2em}.userMenu__section:last-child{margin-bottom:0}.userMenu__item{margin-bottom:.5em}.userMenu__link{border-radius:var(--buttonBorderRadius);color:var(--headerTextColor);padding:.75em 1em;font-size:1rem;text-decoration:none;transition:all .2s;display:block}.userMenu__link--active{background-color:var(--headerLinkHoverBackgroundColor);pointer-events:none;color:var(--headerTextColor)}@media (hover:hover){.userMenu__link:hover{background-color:var(--headerLinkHoverBackgroundColor);transform:translate(-4px)}}.userMenu__link:active{background-color:var(--headerLinkHoverBackgroundColor);background-color:var(--headerLinkHoverBackgroundColor);transform:translate(-4px)}
