:root{--color-white: hsl(0, 0%, 100%);--color-navy-950: hsl(226, 43%, 10%);--color-navy-900: hsl(235, 46%, 20%);--color-navy-800: hwb(235 20% 52%);--color-navy-200: hsl(236, 100%, 87%);--color-orange-300: hsl(15, 100%, 70%);--color-purple-700: hsl(264, 64%, 52%);--color-purple-600: hsl(246, 80%, 60%);--color-purple-500: hsl(235, 45%, 61%);--color-blue-300: hsl(195, 74%, 62%);--color-pink-400: hsl(348, 100%, 68%);--color-green-400: hsl(145, 58%, 55%);--color-yellow-300: hsl(43, 84%, 65%);--color-grey-200: hsl(0, 0%, 85%)}*,*:before,*:after{box-sizing:border-box}html{text-rendering:optimizeSpeed}html:focus-within{scroll-behavior:smooth}body{font-family:Rubik,sans-serif;font-weight:300;color:var(--color-white);overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;min-height:100svh;background-color:var(--color-navy-950)}.f-preset\:1{font-size:2rem;line-height:120%}@media (width >= 48rem){.f-preset\:1{font-size:3.5rem;line-height:120%}}.f-preset\:2{font-size:1.5rem;line-height:115%}@media (width >= 64rem){.f-preset\:2{font-size:2.5rem;line-height:120%}}.f-preset\:3{font-size:1.125rem;font-weight:500;line-height:115%}.f-preset\:4{font-size:.938rem;font-weight:400;line-height:120%}.f-weight\:400{font-weight:400}.f-color\:navy-200{color:var(--color-navy-200)}.c-menu{background-color:var(--color-navy-900);border-radius:1rem}@media (width >= 64rem){.c-menu.u-gc\:1\/4{grid-column:1 / 2}}.c-user_info{background-color:var(--color-purple-600);border-radius:1rem;padding:2rem;display:flex;flex-direction:row;align-items:center;gap:1.5rem}@media (width >= 64rem){.c-user_info{flex-direction:column;align-items:flex-start;height:100%;gap:2.5rem}}.c-tab{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;width:100%;padding-top:1.5rem;padding-bottom:1.5rem;text-align:center;color:var(--color-purple-500);transition:color .2s ease-out}@media (width >= 64rem){.c-tab{text-align:start;padding:.65rem;padding-inline:2rem}.c-tab:hover,.c-tab:focus{color:var(--color-white)}}[data-tab-active]{color:var(--color-white)}.c-card{background-color:var(--color-navy-900);padding:.725rem 1.5rem 1.5rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;transition:background-color .2s ease-out;position:relative}.c-card:before{content:"";position:absolute;border-top-left-radius:1rem;border-top-right-radius:1rem;height:.725rem;width:100%;background-color:var(--color-navy-900);top:-.725rem;left:0;transition:background-color .2s ease-out}@media (width >= 48rem){.c-card.u-flex_gap\:0\.5rem{gap:1rem}}@media (width >= 64rem){.c-card{padding:1rem 2rem 2rem}.c-card:before{height:1rem}}.c-card_top{border-top-left-radius:1rem;border-top-right-radius:1rem;height:3.225rem;padding-inline-end:1rem;display:flex;justify-content:flex-end;align-items:center;overflow:hidden}@media (width >= 64rem){.c-card_top{height:4rem}}.o-bg{display:grid;grid-template-columns:repeat(var(--col-num, 1),1fr);gap:var(--gap-num, 1.5rem);padding:5rem 1.5rem;width:100%;max-inline-size:40rem}@media (width >= 48rem){.o-bg{--col-num: 3;max-inline-size:56rem}}@media (width >= 64rem){.o-bg{--col-num: 4;--gap-num: 2rem;max-inline-size:70rem}}.o-img{outline:3px solid var(--color-white);border-radius:50%}@media (width >= 64rem){.o-img{width:5rem}}.o-cards_list{display:grid;grid-template-columns:repeat(var(--col-num, 1),1fr);gap:var(--gap-num, 1.5rem)}@media (width >= 48rem){.o-cards_list{--col-num: 3}}@media (width >= 64rem){.o-cards_list{--gap-num: 2rem}.o-cards_list.u-gc\:1\/4{grid-column:2 / 5}}.o-card{border-radius:1rem;cursor:pointer}@media (width >= 64rem){.o-card:hover .c-card,.o-card:hover .c-card:before,.o-card:focus .c-card,.o-card:focus .c-card:before{background-color:var(--color-navy-800)}}.o-card_info{display:flex;flex-direction:row;align-items:center;justify-content:space-between}@media (width >= 48rem){.o-card_info{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem}}.o-btn_secondary{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;transition:opacity .2s ease-out;position:relative}.o-btn_secondary:before{content:"";position:absolute;inset:-1.25rem}@media (width >= 64rem){.o-btn_secondary:hover,.o-btn_secondary:focus{opacity:.4}}.o-nav{display:grid;grid-template-columns:repeat(var(--col-num, 3),1fr);place-items:center}@media (width >= 64rem){.o-nav{--col-num: 1;padding-top:1rem;padding-bottom:1rem}}.u-flex\:row{display:flex;flex-direction:row}.u-flex\:col{display:flex;flex-direction:column}.u-flex\:center{justify-content:center;align-items:center}.u-flex_justify\:space-between{align-items:center;justify-content:space-between}.u-flex_gap\:0\.5rem{gap:.5rem}.u-gc\:1\/4{grid-column:1 / 4}.u-width\:100{width:100%}.u-bg_color\:orange{background-color:var(--color-orange-300)}.u-bg_color\:blue{background-color:var(--color-blue-300)}.u-bg_color\:pink{background-color:var(--color-pink-400)}.u-bg_color\:green{background-color:var(--color-green-400)}.u-bg_color\:purple{background-color:var(--color-purple-700)}.u-bg_color\:yellow{background-color:var(--color-yellow-300)}