@viewport{width:device-width}
:root{color-scheme:light dark;--color-red:230,103,103;--color-tomato:236,121,101;--color-orange:241,144,102;--color-amber:243,176,109;--color-yellow:245,205,121;--color-lime:170,217,123;--color-green:86,182,118;--color-teal:113,202,208;--color-blue:80,165,224;--color-violet:113,141,224;--color-purple:149,133,228;--color-magenta:231,121,231;--color-gray-0:2,4,8;--color-gray-1:18,20,24;--color-gray-2:27,31,36;--color-gray-3:40,45,52;--color-gray-4:55,60,67;--color-gray-5:82,86,92;--color-gray-6:95,100,108;--color-gray-7:110,115,125;--color-gray-8:123,129,140;--color-gray-9:140,145,155;--color-gray-A:172,177,187;--color-gray-B:188,192,201;--color-gray-C:199,203,212;--color-gray-D:216,219,227;--color-gray-E:234,236,240;--color-gray-F:250,252,255;--font-family-title:Arial,'Helvetica Neue',Helvetica,sans-serif,'Font Awesome 6 Free';--font-family-body:'Times New Roman',Times,serif,'Font Awesome 6 Free';--radius-default:24px;--radius-input:12px;--shadow-default:0 1px 2px rgba(0,0,0,0.25);--shadow-text:0 1px 2px rgba(0,0,0,0.2);--color-background:var(--color-gray-1);--color-on-background:var(--color-gray-0);--color-surface:var(--color-gray-3);--color-input:var(--color-gray-4);--color-on-surface:var(--color-gray-5);--color-surface-text:var(--color-gray-F);--color-text:var(--color-gray-9);--color-primary:var(--color-blue)}
:root[data-theme='dark']{color-scheme:dark}
:root[data-theme='light']{color-scheme:light;--color-background:var(--color-gray-E);--color-on-background:var(--color-gray-D);--color-surface:var(--color-gray-F);--color-input:var(--color-gray-F);--color-on-surface:var(--color-gray-C);--color-surface-text:var(--color-gray-1);--color-text:var(--color-gray-6)}
:root[data-theme='dark'] .only-light{display:none !important}
:root[data-theme='light'] .only-dark{display:none !important}
:root:not([data-theme]),:root[data-theme='dark'] body{background:rgb(var(--color-background))}
[hidden],template{display:none}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%;font-size:20px}
body{height:100%;position:relative;margin:0;line-height:1.5}
a{background-color:transparent;text-decoration:none}
a:active,a:hover{outline:0;text-decoration:none}
abbr[title]{border-bottom:1px dotted}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
b,strong{font-weight:bold}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
figure{margin:1em 40px}
grammarly-extension,grammarly-desktop-integration,grammarly-mirror{display:none !important}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0}
img{border:0;transition:opacity .25s}
img[data-src]{opacity:0}
[data-bg-src]{opacity:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;appearance:textfield;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
legend{border:0;padding:0}
mark{background:#ff0;color:#000}
optgroup{font-weight:bold}
p{margin:1em 0}
p:first-child{margin-top:0}
p:last-child{margin-bottom:0}
pre{overflow:auto}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
svg:not(:root){overflow:hidden}
table{width:100%;border-collapse:collapse;border-spacing:0}
td,th{padding:0}
textarea{overflow:auto}
.clear{clear:both;display:block;height:0;overflow:hidden}
.lazy-loading{opacity:0;filter:blur(4px);transition:opacity .35s ease,filter .45s ease}
.lazy-loaded{opacity:1 !important;filter:none !important}
.lazy-error{opacity:1 !important;filter:grayscale(1)}
.grecaptcha-badge{display:none !important}
.fg-white{color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,0.2)}
.fg-black{color:rgb(var(--color-gray-0)) !important}
.fg-primary{color:rgb(var(--color-primary)) !important}
.fg-surface{color:rgb(var(--color-surface-text)) !important}
.fg-red{color:rgb(var(--color-red)) !important}
.fg-tomato{color:rgb(var(--color-tomato)) !important}
.fg-orange{color:rgb(var(--color-orange)) !important}
.fg-amber{color:rgb(var(--color-amber)) !important}
.fg-yellow{color:rgb(var(--color-yellow)) !important}
.fg-lime{color:rgb(var(--color-lime)) !important}
.fg-green{color:rgb(var(--color-green)) !important}
.fg-teal{color:rgb(var(--color-teal)) !important}
.fg-blue{color:rgb(var(--color-blue)) !important}
.fg-violet{color:rgb(var(--color-violet)) !important}
.fg-purple{color:rgb(var(--color-purple)) !important}
.fg-magenta{color:rgb(var(--color-magenta)) !important}
.fg-gray-0{color:rgb(var(--color-gray-0)) !important}
.fg-gray-1{color:rgb(var(--color-gray-1)) !important}
.fg-gray-2{color:rgb(var(--color-gray-2)) !important}
.fg-gray-3{color:rgb(var(--color-gray-3)) !important}
.fg-gray-4{color:rgb(var(--color-gray-4)) !important}
.fg-gray-5{color:rgb(var(--color-gray-5)) !important}
.fg-gray-6{color:rgb(var(--color-gray-6)) !important}
.fg-gray-7{color:rgb(var(--color-gray-7)) !important}
.fg-gray-8{color:rgb(var(--color-gray-8)) !important}
.fg-gray-9{color:rgb(var(--color-gray-9)) !important}
.fg-gray-A{color:rgb(var(--color-gray-A)) !important}
.fg-gray-B{color:rgb(var(--color-gray-B)) !important}
.fg-gray-C{color:rgb(var(--color-gray-C)) !important}
.fg-gray-D{color:rgb(var(--color-gray-D)) !important}
.fg-gray-E{color:rgb(var(--color-gray-E)) !important}
.fg-gray-F{color:rgb(var(--color-gray-F)) !important}
.bg-red{background:rgb(var(--color-red)) !important}
.bg-tomato{background:rgb(var(--color-tomato)) !important}
.bg-orange{background:rgb(var(--color-orange)) !important}
.bg-amber{background:rgb(var(--color-amber)) !important}
.bg-yellow{background:rgb(var(--color-yellow)) !important}
.bg-lime{background:rgb(var(--color-lime)) !important}
.bg-green{background:rgb(var(--color-green)) !important}
.bg-teal{background:rgb(var(--color-teal)) !important}
.bg-blue{background:rgb(var(--color-blue)) !important}
.bg-violet{background:rgb(var(--color-violet)) !important}
.bg-purple{background:rgb(var(--color-purple)) !important}
.bg-magenta{background:rgb(var(--color-magenta)) !important}
.bg-gray-0{background:rgb(var(--color-gray-0)) !important}
.bg-gray-1{background:rgb(var(--color-gray-1)) !important}
.bg-gray-2{background:rgb(var(--color-gray-2)) !important}
.bg-gray-3{background:rgb(var(--color-gray-3)) !important}
.bg-gray-4{background:rgb(var(--color-gray-4)) !important}
.bg-gray-5{background:rgb(var(--color-gray-5)) !important}
.bg-gray-6{background:rgb(var(--color-gray-6)) !important}
.bg-gray-7{background:rgb(var(--color-gray-7)) !important}
.bg-gray-8{background:rgb(var(--color-gray-8)) !important}
.bg-gray-9{background:rgb(var(--color-gray-9)) !important}
.bg-gray-A{background:rgb(var(--color-gray-A)) !important}
.bg-gray-B{background:rgb(var(--color-gray-B)) !important}
.bg-gray-C{background:rgb(var(--color-gray-C)) !important}
.bg-gray-D{background:rgb(var(--color-gray-D)) !important}
.bg-gray-E{background:rgb(var(--color-gray-E)) !important}
.bg-gray-F{background:rgb(var(--color-gray-F)) !important}
.bg-transparent{background:transparent !important;box-shadow:none !important}
.bg-background{background:rgb(var(--color-background)) !important}
.bg-on-background{background:rgb(var(--color-on-background)) !important}
.bg-surface{background:rgb(var(--color-surface)) !important}
.bg-on-surface{background:rgb(var(--color-on-surface)) !important}
.bg-primary{background:rgb(var(--color-primary)) !important}
.bg-linear-1::before,.bg-linear-2::before,.bg-linear-3::before,.bg-linear-4::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;pointer-events:none;z-index:1}
.bg-linear-1::before{background:linear-gradient(135deg,rgba(0,0,0,0.8),rgba(255,255,255,0.2))}
.bg-linear-2::before{background:linear-gradient(45deg,rgba(0,0,0,0.7),rgba(255,255,255,0.3))}
.bg-linear-3::before{background:linear-gradient(225deg,rgba(0,0,0,0.6),rgba(255,255,255,0.4))}
.bg-linear-4::before{background:linear-gradient(315deg,rgba(0,0,0,0.5),rgba(255,255,255,0.5))}
.bg-linear-1>*,.bg-linear-2>*,.bg-linear-3>*,.bg-linear-4>*{position:relative;z-index:2}
.bg-rainbow:nth-child(1){background:rgb(var(--color-red)) !important}
.bg-rainbow:nth-child(2){background:rgb(var(--color-tomato)) !important}
.bg-rainbow:nth-child(3){background:rgb(var(--color-orange)) !important}
.bg-rainbow:nth-child(4){background:rgb(var(--color-amber)) !important}
.bg-rainbow:nth-child(5){background:rgb(var(--color-yellow)) !important}
.bg-rainbow:nth-child(6){background:rgb(var(--color-lime)) !important}
.bg-rainbow:nth-child(7){background:rgb(var(--color-green)) !important}
.bg-rainbow:nth-child(8){background:rgb(var(--color-teal)) !important}
.bg-rainbow:nth-child(9){background:rgb(var(--color-blue)) !important}
.bg-rainbow:nth-child(10){background:rgb(var(--color-violet)) !important}
.bg-rainbow:nth-child(11){background:rgb(var(--color-purple)) !important}
.bg-rainbow:nth-child(12){background:rgb(var(--color-magenta)) !important}
.bg-rainbow:nth-child(13){background:rgb(var(--color-red)) !important}
.bg-rainbow:nth-child(14){background:rgb(var(--color-tomato)) !important}
.bg-rainbow:nth-child(15){background:rgb(var(--color-orange)) !important}
.bg-rainbow:nth-child(16){background:rgb(var(--color-amber)) !important}
.bg-rainbow:nth-child(17){background:rgb(var(--color-yellow)) !important}
.bg-rainbow:nth-child(18){background:rgb(var(--color-lime)) !important}
.bg-rainbow:nth-child(19){background:rgb(var(--color-green)) !important}
.bg-rainbow:nth-child(20){background:rgb(var(--color-teal)) !important}
.bg-rainbow:nth-child(21){background:rgb(var(--color-blue)) !important}
.bg-rainbow:nth-child(22){background:rgb(var(--color-violet)) !important}
.bg-rainbow:nth-child(23){background:rgb(var(--color-purple)) !important}
.bg-rainbow:nth-child(24){background:rgb(var(--color-magenta)) !important}
.bg-rainbow-reverse:nth-child(1){background:rgb(var(--color-magenta)) !important}
.bg-rainbow-reverse:nth-child(2){background:rgb(var(--color-purple)) !important}
.bg-rainbow-reverse:nth-child(3){background:rgb(var(--color-violet)) !important}
.bg-rainbow-reverse:nth-child(4){background:rgb(var(--color-blue)) !important}
.bg-rainbow-reverse:nth-child(5){background:rgb(var(--color-teal)) !important}
.bg-rainbow-reverse:nth-child(6){background:rgb(var(--color-green)) !important}
.bg-rainbow-reverse:nth-child(7){background:rgb(var(--color-lime)) !important}
.bg-rainbow-reverse:nth-child(8){background:rgb(var(--color-yellow)) !important}
.bg-rainbow-reverse:nth-child(9){background:rgb(var(--color-amber)) !important}
.bg-rainbow-reverse:nth-child(10){background:rgb(var(--color-orange)) !important}
.bg-rainbow-reverse:nth-child(11){background:rgb(var(--color-tomato)) !important}
.bg-rainbow-reverse:nth-child(12){background:rgb(var(--color-red)) !important}
.bg-rainbow-reverse:nth-child(13){background:rgb(var(--color-magenta)) !important}
.bg-rainbow-reverse:nth-child(14){background:rgb(var(--color-purple)) !important}
.bg-rainbow-reverse:nth-child(15){background:rgb(var(--color-violet)) !important}
.bg-rainbow-reverse:nth-child(16){background:rgb(var(--color-blue)) !important}
.bg-rainbow-reverse:nth-child(17){background:rgb(var(--color-teal)) !important}
.bg-rainbow-reverse:nth-child(18){background:rgb(var(--color-green)) !important}
.bg-rainbow-reverse:nth-child(19){background:rgb(var(--color-lime)) !important}
.bg-rainbow-reverse:nth-child(20){background:rgb(var(--color-yellow)) !important}
.bg-rainbow-reverse:nth-child(21){background:rgb(var(--color-amber)) !important}
.bg-rainbow-reverse:nth-child(22){background:rgb(var(--color-orange)) !important}
.bg-rainbow-reverse:nth-child(23){background:rgb(var(--color-tomato)) !important}
.bg-rainbow-reverse:nth-child(24){background:rgb(var(--color-red)) !important}
.rainbow-skip{display:none !important;pointer-events:none !important}
.alert{padding:15px 20px;margin:20px 0;border-radius:12px;font-size:0.9rem;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-default)}
.alert:first-child{margin-top:0}
.alert:last-child{margin-bottom:0}
.alert i{font-size:1rem;flex-shrink:0;opacity:.75}
.alert a{color:#fff;text-decoration:underline}
.fg-black.alert a{color:#000}
.card-list-1,.card-list-2,.card-list-3,.card-list-4{display:flex;flex-wrap:wrap;gap:20px}
.card-list-1 .card{width:100%}
.card-list-2 .card{width:calc(50% - 10px)}
.card-list-3 .card{width:calc(33.33% - 13.33px)}
.card-list-4 .card{width:calc(25% - 15px)}
.card{width:auto;border-radius:24px;text-decoration:none;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-default);font-size:1rem;background:rgb(var(--color-gray-A));color:rgb(var(--color-gray-1));transition:all .2s}
a.card:hover{transform:scale(1.03);filter:brightness(1.1);cursor:pointer;text-decoration:none}
.card .background{margin:-22px -20px 20px -20px;border-radius:24px 24px 0 0;aspect-ratio:1.5;max-height:280px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);background-color:rgba(0,0,0,.1);background-size:cover;object-fit:cover;overflow:hidden;background-position:center;background-repeat:no-repeat}
.card .background>img{width:100%;height:100%;object-fit:cover;border-radius:24px 24px 0 0}
.card .background:only-child{margin-bottom:-22px}
.card .image{margin:0 0 20px 0;border-radius:12px;aspect-ratio:1.5;max-height:280px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);background-size:cover;background-position:center;background-repeat:no-repeat}
.card .title{font-weight:700;font-size:1.1rem;margin-bottom:0.3rem;font-family:var(--font-family-title)}
.card .list-item{font-size:0.9rem;padding:.3em;flex-grow:1;opacity:.9;border-radius:var(--radius-input);text-decoration:none;white-space:nowrap;transition:all .2s}
.card a.list-item{padding:.3em .6em;margin:0 -.3em}
.card a.list-item:hover{filter:brightness(1.2);transform:scale(1.02);text-decoration:none;background-color:rgba(128,128,128,.1);opacity:1}
.card .description{font-size:0.9rem;margin-bottom:1.2rem;flex-grow:1;opacity:.9}
.card .description:last-child{margin-bottom:0}
.card .footer{display:flex;align-items:center;gap:1rem;font-size:0.8rem;opacity:.75}
.card .title i,.card .footer i,.card .list-item i{display:inline-block;width:1em;margin:0 .5em 0 0}
.social-links{display:flex;flex-wrap:wrap;gap:10px}
.social-links a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgb(var(--color-on-surface));color:rgb(var(--color-text));text-decoration:none;font-size:1.2rem;transition:all .2s}
.social-links a:hover{background:rgb(var(--color-primary));color:#fff;transform:scale(1.1);text-decoration:none}
.social-links a i{font-size:1.25rem}
.social-links a span{display:none}
.notification{position:fixed;bottom:20px;right:20px;z-index:1000;max-width:600px;margin:0 0 0 20px;background:rgb(var(--color-on-surface));color:rgb(var(--color-text));border-radius:24px;box-shadow:0 2px 12px rgba(0,0,0,.25);padding:15px 20px;display:flex;align-items:center;gap:15px;font-size:0.85rem;transition:all 0.3s}
.notification.hidden{transform:translateY(100px);opacity:0;visibility:hidden;pointer-events:none}
.notification .message{flex:1;margin:0}
.notification .actions{display:flex;gap:10px}
#main>section{padding:40px 0;position:relative}
#main>section>header{margin:0 0 40px 0}
#main>section>header:only-child{margin-bottom:0}
#main>section>header h2{font-size:1.5rem;font-weight:600;margin:0;padding:0;border:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-title);color:rgb(var(--color-surface-text))}
#main>section>header h2::before,#main>section>header h2 i{display:inline-block;margin-right:.5em}
#main>section>header>img{display:block;margin:0 auto 20px;height:auto}
#main>section>header>img~h2,#main>section>header>img~p{justify-self:center}
#main>section>footer{opacity:0.5;font-size:.75rem;padding:.5rem;text-align:center}
#main>section.banner{background-color:rgb(var(--color-surface));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;margin:20px 0;box-sizing:border-box;border-radius:var(--radius-default);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:var(--shadow-default)}
#main>section.document{max-width:800px;margin-left:auto;margin-right:auto}
#main>section.modal{max-width:480px;padding:40px;margin-left:auto;margin-right:auto;background-color:rgb(var(--color-surface));border-radius:var(--radius-default);box-shadow:var(--shadow-default)}
#main>section.breadcrumbs{padding-bottom:0}
#main>section.breadcrumbs ul{display:flex;align-items:center;gap:10px;list-style:none;padding:0;margin:0}
#main>section.breadcrumbs ul li{font-size:0.9rem;color:rgb(var(--color-text))}
#main>section.breadcrumbs ul li a{color:rgb(var(--color-primary));text-decoration:none}
#main>section.breadcrumbs ul li a:hover{text-decoration:underline}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;line-height:1;box-sizing:border-box;padding:.8em 1.2em;font-size:1em;font-weight:600;font-family:var(--font-family-title);border:0;border-radius:var(--radius-input);box-shadow:var(--shadow-default);text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .2s;background:rgb(var(--color-primary));color:#fff}
.button:not(:disabled):hover{filter:brightness(1.2);transform:scale(1.02);text-decoration:none}
input+.button,textarea+.button,.button+.button{margin-top:10px}
.button i{display:inline-block}
.button.btn-small{padding:.55em .9em;font-size:.75em;font-weight:600}
.button.btn-large{padding:1.1em 1.6em;font-size:1.15em}
.button.btn-align-left{justify-content:flex-start}
.button.btn-align-right{justify-content:flex-end}
.button.btn-flex{display:flex;justify-content:space-between}
.button.btn-flex>span{flex:1 1 auto;text-align:center}
.button.btn-float-left{float:left;margin-right:1rem}
.button.btn-float-right{float:right;margin-left:1rem}
.button.btn-pill{border-radius:100px}
.button.btn-outlined{background:transparent;color:rgb(var(--color-primary));box-shadow:none;border:2px solid rgb(var(--color-primary))}
.button.btn-outlined:hover{background:rgb(var(--color-primary));color:#fff}
.button.btn-full{width:100%;display:flex}
.button:disabled,.button.btn-disabled{opacity:.4;pointer-events:none}
form{position:relative;margin:0 auto;width:100%}
form .form-group{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px 0}
form .field{flex:1 1 100%;margin:0 0 40px 0;position:relative}
form .form-group:last-child,form .field:last-child{margin-bottom:0}
form .form-group .field{min-width:100px;margin:0}
form .form-group .field{flex:1 1 calc(100% - 0px)}
form .form-group .field:nth-last-child(n+2),form .form-group .field:nth-last-child(n+2)~.field{flex:1 1 calc(50% - 5px)}
form .form-group .field:nth-last-child(n+3),form .form-group .field:nth-last-child(n+3)~.field{flex:1 1 calc(33.333% - 6.66px)}
form .form-group .field:nth-last-child(n+4),form .form-group .field:nth-last-child(n+4)~.field{flex:1 1 calc(25% - 7.5px)}
form label{display:block;text-align:left;clear:both;padding:0 0 10px;margin:0;line-height:1;font-size:.75rem;font-weight:400;font-family:var(--font-family-title)}
form input,form textarea{border:2px transparent solid;outline:0;border-radius:var(--radius-input);background:rgb(var(--color-input));color:rgb(var(--color-surface-text));width:100%;padding:12px;margin:0;box-shadow:var(--shadow-default);transition:all .2s;font-size:1rem;font-weight:400;box-sizing:border-box}
form textarea{height:150px;min-height:150px;resize:vertical}
form input:focus,form textarea:focus{border-color:rgba(var(--color-surface-text),.75)}
form input::placeholder,form textarea::placeholder{color:rgb(var(--color-gray-8));opacity:.5;font-weight:400;transition:opacity .2s,color .2s}
form .note{text-align:center;opacity:.5;font-size:.75rem;padding:.5rem}
form .note.align-left{text-align:left}
form .note.align-right{text-align:right}
form label.checkbox{display:flex;cursor:pointer;align-items:start;padding:0;margin:0 0 0 -.75em;line-height:1.5;gap:.75em}
form label.checkbox input[type="checkbox"]{opacity:0;width:0;height:0;pointer-events:none;flex:0}
form label.checkbox input[type="checkbox"]+span{display:flex;justify-content:center;align-items:center;color:rgb(var(--color-surface-text));height:24px;width:24px;flex:0 0 auto;font-size:18px;background:rgb(var(--color-on-surface));border-radius:4px;box-shadow:var(--shadow-default)}
form label.checkbox input[type="checkbox"]+span i{transition:all .1s;margin:0;opacity:0;transform:scale(0)}
form label.checkbox input[type="checkbox"]:checked+span i{opacity:1;transform:scale(1)}
form:invalid button[type="submit"],form:invalid .button[type="submit"]{filter:saturate(.75);opacity:.35;pointer-events:none}
form .field i.over{position:absolute;left:2px;height:calc(32px + 1rem);width:calc(32px + 1rem);line-height:1;display:flex;align-items:center;justify-content:center;font-size:1rem;opacity:.55;color:rgb(var(--color-surface-text));pointer-events:none;transition:color .2s,opacity .2s}
form .field i.over+input,form .field i.over+textarea{padding-left:calc(32px + 1rem)}
form .field:focus-within i.over{color:rgb(var(--color-primary));opacity:1}
.layout{display:flex;flex-wrap:wrap;align-items:stretch;gap:40px}
.layout>.layout-0{flex:0 1 120px}
.layout>.layout-1{flex:1 1 calc(25% - 40px)}
.layout>.layout-2{flex:2 1 calc(50% - 40px)}
.layout>.layout-3{flex:3 1 calc(75% - 40px)}
.layout>.layout-4{flex:1 1 100%}
.layout>[class*='layout-']{gap:40px;display:flex;flex-direction:column}
:root{--font-family-title:'Poppins',sans-serif,'Font Awesome 6 Free';--font-family-body:'Roboto',sans-serif,'Font Awesome 6 Free';--color-primary:var(--color-blue)}
body{background:#000;color:rgb(var(--color-text));font-family:var(--font-family-body)}
:root[data-theme='light'] body{background:#fff}
a{color:rgb(var(--color-primary));text-decoration:none}
a:hover{text-decoration:underline}
.only-tablet,.only-mobile,.not-desktop{display:none !important}
.button.google{background:#d9534f;color:#fff}
.button.facebook{background:#337ab7;color:#fff}
.button.apple{background:#f8f8f8;color:#080808}
.card .button{font-size:0.85rem;color:inherit;background:rgba(255,255,255,0.5)}
form input,form textarea{box-shadow:var(--shadow-default)}
#nav{position:fixed;top:0;bottom:0;border-radius:0;left:max(calc(50% - 1280px),0px);width:288px;box-sizing:border-box;background:rgb(var(--color-surface));overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:20px 17px;z-index:102;box-shadow:0 0 2px rgba(0,0,0,.25)}
#nav ul{list-style:none;padding:0;margin:0;flex:1 1 auto;display:flex;flex-direction:column}
#nav ul:empty{display:none}
#nav ul li a{display:flex;flex-direction:row;align-items:center;transform-origin:left center;border-radius:56px;color:rgb(var(--color-text));border-radius:var(--radius-default);text-decoration:none;background:none;transition:all 0.2s}
#nav ul li a i{font-size:24px;width:56px;height:56px;display:flex;flex-basis:56px;align-items:center;justify-content:center}
#nav ul li a span{display:block;padding:0 10px 0 0;width:188px;font-size:.85rem;white-space:pre;overflow:hidden;text-overflow:ellipsis}
#nav ul li.sel a{background:rgb(var(--color-on-surface));color:rgb(var(--color-surface-text))}
#nav ul li:not(.sel):not(.logo) a:hover{color:rgb(var(--color-primary));transform:scale(1.1)}
#nav ul li.logo a{color:transparent !important;position:relative;background:url('/app/img/brand/254x72.png') no-repeat center / contain;height:72px;width:100%;margin:0 0 20px 0}
#nav ul.secondary{margin-top:20px;gap:10px;flex-grow:0;flex-direction:row;flex-wrap:wrap-reverse}
#nav ul.secondary li a{transform-origin:center}
#nav ul.secondary li:not(.sel) a:hover{color:rgb(var(--color-primary));transform:scale(1.2)}
#header{display:flex;position:fixed;z-index:101;top:0;left:max(calc(50% - 1280px),0px);right:max(calc(50% - 1280px),0px);height:calc(2rem * 1.3);justify-content:space-between;align-items:center;padding:20px;background:rgb(var(--color-background))}
#header::after{content:'';position:absolute;bottom:0;left:20px;right:20px;border-bottom:rgba(var(--color-gray-7),.25) 1px solid}
#header h1{font-size:2rem;flex:1;text-align:center;font-weight:300;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-family-title);color:rgb(var(--color-surface-text))}
#header h1 i{margin-right:.8rem;font-size:80%}
#header .account-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-sizing:border-box;background-color:rgb(var(--color-background));box-shadow:0 0 3px 10px rgb(var(--color-background));border:2px solid rgb(var(--color-input));border-radius:50%;overflow:hidden;text-decoration:none;color:rgb(var(--color-text));font-size:1rem;transition:all .2s;margin-left:20px}
#header .account-btn.profile-image-btn{background-size:cover;background-position:center;background-repeat:no-repeat;padding:0}
#header .account-btn:hover{background-color:rgb(var(--color-input));transform:scale(1.2)}
#footer{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0 0;margin:20px 0 0 0;border-top:rgba(var(--color-gray-7),.25) 1px solid;font-size:.75rem;color:rgba(var(--color-text),.5)}
#footer ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:20px}
#footer ul:empty{display:none}
#footer ul li{transition:opacity .2s}
#footer ul li a{text-decoration:none;color:inherit;transition:color .2s}
#footer ul li a:hover{cursor:pointer;color:rgb(var(--color-primary))}
#content{background:rgb(var(--color-background));display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:2560px;margin:0 auto;box-sizing:border-box;padding:20px 40px}
#nav+#content{padding:20px 20px 20px 308px}
#nav+#content #header{left:max(calc(50% - 992px),288px)}
#main{flex-grow:1;width:100%;padding:0 20px;box-sizing:border-box;max-width:1500px;margin:0 auto;align-content:center}
#header+#main{align-content:unset;margin-top:calc(2rem * 1.3 + 20px)}
#main h2{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem 0;line-height:1.4;font-family:var(--font-family-title);color:rgb(var(--color-surface-text));border-bottom:2px solid rgb(var(--color-surface));padding-bottom:0.5rem}
#main h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 0.75rem 0;line-height:1.4;font-family:var(--font-family-title);color:rgb(var(--color-surface-text))}
#main h4{font-size:.95rem;font-weight:700;margin:1.25rem 0 0.5rem 0;line-height:1.4;font-family:var(--font-family-title);color:rgb(var(--color-surface-text))}
#main h5{font-size:.7rem;font-weight:700;margin:1rem 0 0.5rem 0;line-height:1.4;font-family:var(--font-family-title);color:rgb(var(--color-surface-text))}
#main h6{font-size:.45rem;font-weight:700;margin:1rem 0 0.5rem 0;line-height:1.4;font-family:var(--font-family-title);color:rgb(var(--color-surface-text))}
#main h1:first-child,#main h2:first-child,#main h3:first-child,#main h4:first-child,#main h5:first-child,#main h6:first-child{margin-top:0}
#main ul{margin:1rem 0;padding-left:2rem}
#main ul li{margin-bottom:0.25rem}
:root[data-theme='light'] #header .account-btn{border-color:rgb(var(--color-gray-B))}
:root[data-theme='light'] #header .account-btn:hover{background-color:rgb(var(--color-gray-B))}
:root[data-theme='light'] .button.apple{color:#f8f8f8;background:#080808}
:root[data-theme='light'] #main>section.modal form input{background:rgb(var(--color-gray-E))}
body.nav-compact #nav+#content{padding:20px 20px 20px 110px}
body.nav-compact #nav+#content #header{left:90px}
body.nav-compact #nav{width:auto}
body.nav-compact #nav ul{gap:10px}
body.nav-compact #nav ul li a{transform-origin:center}
body.nav-compact #nav ul li.logo a{background-image:url('/app/img/brand/72x72.png');height:56px;margin:0}
body.nav-compact #nav ul li:not(.sel):not(.logo) a:hover{transform:scale(1.2)}
body.nav-compact #nav ul li a span{display:none}
body.nav-compact #nav ul.secondary{flex-direction:column}
@media (max-width:1650px){.only-desktop,.only-mobile,.not-tablet{display:none !important}
#nav+#content{padding:20px 20px 20px 110px}
#nav+#content #header{left:90px}
#nav{width:auto}
#nav ul{gap:10px}
#nav ul li a{transform-origin:center}
#nav ul li.logo a{background-image:url('/app/img/brand/72x72.png');height:56px;margin:0}
#nav ul li:not(.sel):not(.logo) a:hover{transform:scale(1.2)}
#nav ul li a span{display:none}
#nav ul.secondary{flex-direction:column}
}
@media (max-width:1420px){.card-list-4 .card{width:calc(33.33% - 13.33px)}
}
@media (max-width:960px){.only-desktop,.only-tablet,.not-mobile{display:none !important}
#nav{top:auto;right:0;flex-direction:row;justify-content:center;height:70px;padding:0 10px}
#nav ul{flex-direction:row;flex-grow:0}
#nav ul:last-child{margin:0 0 0 10px}
#nav ul li.logo{display:none}
#nav ul li a i{font-size:20px}
#content{padding:20px 20px 40px 20px !important}
#nav+#content{padding:20px 20px 110px 20px !important}
#nav+#content #header{left:0 !important}
#header{background-color:rgb(var(--color-surface));box-shadow:0 0 15px rgba(0,0,0,.25)}
#header h1{font-size:1.75rem;text-align:left}
#header .account-btn{background-color:rgb(var(--color-surface));box-shadow:0 0 3px 10px rgb(var(--color-surface));border-color:rgb(var(--color-on-surface))}
#main{padding:0}
#footer{padding:20px;margin:0 -20px -40px -20px}
form .form-group{gap:10px}
.card-list-2 .card{width:100%}
.card-list-3 .card,.card-list-4 .card{width:calc(50% - 10px)}
.layout{flex-direction:column;max-width:none}
.layout>[class*='layout-']{flex:1 1 100% !important;max-width:100% !important}
.layout.mobile-reverse{flex-direction:column-reverse}
.cookie-notice{bottom:90px}
}
@media (max-width:640px){#main>section.modal{padding:0;background:transparent;box-shadow:none}
form .form-group{margin-bottom:0;width:100% !important;flex-direction:column;gap:0}
form .field{margin-bottom:20px !important;width:100% !important}
.card-list-3 .card,.card-list-4 .card{width:100%}
}