: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);--primaryButtonColor:#7c3aed;--primaryButtonColorHover:#5527a3;--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));--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem);--maxWidthUserProfile:calc((1024/16)*1rem)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cornerPage{min-height:calc(100vh - var(--headerHeight));min-height:calc(100svh - var(--headerHeight));flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 0;display:flex}.cornerPage nav{width:100%;margin-top:1rem}.cornerPage nav ul{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}@media only screen and (min-width:40rem){.cornerPage nav ul{grid-template-columns:repeat(2,1fr)}}.cornerPage nav li{display:flex}.cornerPage nav a{-webkit-backdrop-filter:blur(12px);border-radius:var(--contentBorderRadius);background:#ffffff73;border:1px solid #ffffffb3;flex-direction:column;gap:.75rem;width:100%;padding:1.75rem;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 2px 16px #00000012}@media (hover:hover){.cornerPage nav a:hover{background:#ffffffc7;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}}.cornerPage nav a:active{background:#ffffffc7;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.cornerPage nav .nav-card__icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 40;border-radius:.625rem;width:fit-content;padding:.5rem;font-size:2.25rem;line-height:1}.cornerPage nav .nav-card__title{margin-top:.25rem;font-size:1.0625rem;font-weight:700;line-height:1.59375rem}.cornerPage nav .nav-card__description{color:#0000008c;font-size:.875rem;font-weight:400;line-height:1.6}.articlesList{gap:calc(var(--headerPaddingLeftRight)*2);padding:var(--headerPaddingLeftRight)0;flex-direction:column;display:flex}@media only screen and (min-width:48rem){.articlesList{padding:var(--headerPaddingLeftRight)var(--headerPaddingLeftRight);display:grid}.articlesList--small,.articlesList--big{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:96rem){.articlesList--small{grid-template-columns:repeat(3,1fr)}}
: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);--primaryButtonColor:#7c3aed;--primaryButtonColorHover:#5527a3;--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));--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem);--maxWidthUserProfile:calc((1024/16)*1rem)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cornerPage{min-height:calc(100vh - var(--headerHeight));min-height:calc(100svh - var(--headerHeight));flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 0;display:flex}.cornerPage nav{width:100%;margin-top:1rem}.cornerPage nav ul{grid-template-columns:1fr;align-items:stretch;gap:1rem;display:grid}@media only screen and (min-width:40rem){.cornerPage nav ul{grid-template-columns:repeat(2,1fr)}}.cornerPage nav li{display:flex}.cornerPage nav a{-webkit-backdrop-filter:blur(12px);border-radius:var(--contentBorderRadius);background:#ffffff73;border:1px solid #ffffffb3;flex-direction:column;gap:.75rem;width:100%;padding:1.75rem;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 2px 16px #00000012}@media (hover:hover){.cornerPage nav a:hover{background:#ffffffc7;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}}.cornerPage nav a:active{background:#ffffffc7;transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.cornerPage nav .nav-card__icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 40;border-radius:.625rem;width:fit-content;padding:.5rem;font-size:2.25rem;line-height:1}.cornerPage nav .nav-card__title{margin-top:.25rem;font-size:1.0625rem;font-weight:700;line-height:1.59375rem}.cornerPage nav .nav-card__description{color:#0000008c;font-size:.875rem;font-weight:400;line-height:1.6}.articleCard{border-radius:var(--contentBorderRadius);box-shadow:var(--headerBoxShadow);width:100%;height:100%;color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;transition:all .3s;display:flex}@media (hover:hover){.articleCard:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000023}}.articleCard:active{transform:scale(1.02);box-shadow:0 4px 12px #00000023}.articleCard__image{aspect-ratio:16/9;border-radius:var(--contentBorderRadius)var(--contentBorderRadius)0 0;border:none;width:100%;height:auto;position:relative;overflow:hidden}.articleCard__image img{object-fit:cover;width:100%;height:100%}.articleCard__image span{background-color:var(--primaryPurpleColor);color:#fff;border-radius:calc(var(--contentBorderRadius)/2);padding:.2rem .5rem;font-size:.875rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.articleCard__content{padding:calc(.75rem - 6px) .75rem 0}.articleCard__content h3{margin-bottom:.3em;font-size:1.125rem;font-weight:700;line-height:1.6875rem}.articleCard__content p{color:var(--headerTextColor);margin-bottom:.5em;font-size:.875rem;font-weight:500;line-height:1.3125rem}.articlesList--purple .articleCard__content h3{color:var(--primaryPurpleColorDarker)}.articlesList--green .articleCard__content h3{color:var(--primaryGreenColorDarker)}.articleCard__info{flex-direction:row;justify-content:space-between;align-items:center;margin-top:auto;padding:.5rem .75rem .75rem;display:flex}.articleCard__info span{font-size:.8125rem;font-weight:400;line-height:1.21875rem}.articleCard__date{flex-direction:row;align-items:center;gap:.3rem;display:flex}.articleCard__date .articleDateIcon{width:13px}.articlesList--purple .articleCard__date .articleDateIcon{fill:var(--primaryPurpleColor)}.articlesList--purple .articleCard__date span{color:var(--primaryPurpleColor)}.articlesList--green .articleCard__date .articleDateIcon{fill:var(--primaryGreenColor)}.articlesList--green .articleCard__date span{color:var(--primaryGreenColor)}.articleCard__author{color:var(--headerTextColor);flex-direction:row;align-items:center;gap:.3rem;display:flex}.articlesList--purple .articleCard,.articlesList--green .articleCard{background-color:#ffffff9b}
