:root{--layout:oklch(.197 .017 252.6);--primary:#455fff;--bg-light:oklch(from var(--layout) calc(l + .09) c h);--bg:oklch(from var(--layout) calc(l + .045) c h);--bg-dark:var(--layout);--text:#ffffff;--text-muted:#b0bdcc;--border:oklch(.39 .017 252.6);--border-muted:oklch(.32 .017 252.6);--border-1:1px solid var(--border);--border-muted-1:1px solid var(--border-muted);--round:.5rem;--info:#2a8ae3;--success:#32bc6e;--warning:#edaa24;--danger:#e12e4f;--info-grad:linear-gradient(90deg, #3fbecf, #593fcf);--success-grad:linear-gradient(90deg, #c5cf3f, #3fcf66);--warning-grad:linear-gradient(90deg, #dbac00, #db5b00);--danger-grad:linear-gradient(90deg, #db7800, #db0000);--transitions:all 176ms cubic-bezier(.4, 0, .2, 1);--slow:all .4s cubic-bezier(.4, 0, .2, 1);--shadow-color:oklch(from var(--layout) .05 c h / .8);--shadow-low:1px 2px 2px var(--shadow-color);--shadow-low-up:0px -2px 4px var(--shadow-color);--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--font-thin:100;--font:400;--font-bold:600;--pulse-size:1.05;--fb-bottom:16px;--fb-right:16px;--layout-header:3rem;--layout-width:max(min(100%, 80rem), 360px);--layout-footer:10rem}*,*:before,*:after{box-sizing:border-box}*::selection{background:var(--primary);color:var(--text)}html,body{background:var(--bg-dark);color:var(--text-muted);font:var(--font)16px barlow condensed,sans-serif;min-width:calc(100dvw - 20px);min-height:100dvh;padding:0;margin:0;color-scheme:dark}input{background-color:var(--bg-dark);border:1px solid var(--border);color:var(--text);border-radius:var(--round);padding:4px 8px;outline-color:var(--text);&:focus{outline:1px solid var(--primary)}&.sm{font-size:var(--text-sm);padding:2px 6px}&.md{font-size:var(--text-md)}&.lg{font-size:var(--text-lg);padding:6px 10px}&.xl{font-size:var(--text-xl);padding:8px 12px}}ul{margin:0;padding:0;list-style:none}article{background-color:var(--bg);border:var(--border-muted-1);border-radius:var(--round);padding:16px;transition:var(--transitions);box-shadow:var(--shadow-low)}p,li{text-wrap:pretty}fieldset{border:none}hr{border:none;border-top:1px solid var(--border);width:100%}hr[aria-label]{color:var(--text-muted);overflow:visible;text-align:center;height:5px;&:after{background:var(--bg);content:attr(aria-label);padding:0 4px;position:relative;top:-13px;font-size:.8rem}}.cards{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px;>*{flex:1 1 300px}}#theme-toggle{position:fixed;bottom:var(--fb-bottom);right:var(--fb-right);z-index:100;background-color:var(--bg-light);border:var(--border-muted-1);border-radius:var(--round);padding:8px;backface-visibility:hidden;>i{font-size:24px;line-height:0;color:var(--text-muted)}&:hover{box-shadow:var(--shadow-low);cursor:pointer;text-decoration:none}}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scaleX(var(--pulse-size))}to{transform:scaleX(1)}}form.vertical{fieldset{display:flex;flex-direction:column;gap:16px;align-items:stretch;justify-content:stretch}width:100%;legend{font-size:2rem;font-weight:thin;display:block;text-align:center}label{display:block;width:100%;font-size:1rem}small{font-size:var(--text-sm);color:var(--text-muted)}}main{min-height:110dvh}.hide-lg{display:none}.hide-md,.hide-sm,.show-lg{display:unset}.show-md,.show-sm{display:none!important}@media(min-width:640px)and (max-width:1100px){.hide-lg{display:unset}.hide-md{display:none!important}.hide-sm{display:unset}.show-lg{display:none!important}.show-md{display:unset}.show-sm{display:none!important}}@media(max-width:639px){.hide-lg,.hide-md{display:unset}.hide-sm,.show-lg,.show-md{display:none!important}.show-sm{display:unset}}.center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:.5rem}.gap{gap:1rem}.gap-lg{gap:2rem}.grow{flex-grow:1}.container-fluid{width:100%;margin-inline:auto}.container{width:min(var(--layout-width),calc(100% - 2rem));margin-inline:auto}a{color:var(--primary);text-decoration:none;cursor:pointer;transition:var(--transitions);&:hover{text-decoration:underline}}button{background:0 0;border:none;padding:0;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background-color:var(--bg);border:var(--border-muted-1);padding:8px 16px;border-radius:var(--round);cursor:pointer;&:hover{color:var(--text);background-color:var(--bg-light);border-color:var(--border);box-shadow:var(--shadow-low);animation:pulse .6s infinite}&.xs{padding:4px 8px}&.sm{padding:6px 12px}&.lg{padding:10px 20px}&.link{background-color:transparent;border-color:transparent;&:hover{background-color:transparent;text-decoration:underline;box-shadow:none}}}.block{display:block;width:100%}.info{color:var(--info);border-color:var(--info);background-color:rgb(from var(--info) r g b/12%);&:hover{color:var(--bg-light);border-color:var(--info);background-color:rgb(from var(--info) r g b/65%)}}.success{color:var(--success);border-color:var(--success);background-color:rgb(from var(--success) r g b/12%);&:hover{color:var(--bg-light);border-color:var(--success);background-color:rgb(from var(--success) r g b/65%)}}.warning{color:var(--warning);border-color:var(--warning);background-color:rgb(from var(--warning) r g b/12%);&:hover{color:var(--bg-light);border-color:var(--warning);background-color:rgb(from var(--warning) r g b/65%)}}.danger{color:var(--danger);border-color:var(--danger);background-color:rgb(from var(--danger) r g b/12%);&:hover{color:var(--bg-light);border-color:var(--danger);background-color:rgb(from var(--danger) r g b/65%)}}.primary{color:var(--primary);border-color:var(--primary);background-color:rgb(from var(--primary) r g b/12%);&:hover{color:var(--bg-light);border-color:var(--primary);background-color:rgb(from var(--primary) r g b/65%)}}table.table{border-spacing:0;border-collapse:separate;width:100%;box-shadow:var(--shadow-low);background-color:var(--bg-dark);border-radius:var(--round);>thead{color:var(--text);font-weight:700;>tr{>th{padding:4px 8px;text-align:center;font-size:var(--text-lg);font-weight:400;background-color:var(--bg-light);border:var(--border-muted-1);&:first-of-type{border-top-left-radius:var(--round)}&:last-of-type{border-top-right-radius:var(--round)}}}}>tbody{>tr{>td{background-color:var(--bg);padding:8px;border-bottom:var(--border-muted-1);&:first-of-type{border-left:var(--border-muted-1)}&:last-of-type{border-right:var(--border-muted-1)}&.empty{text-align:center;padding:48px 0;font-size:var(--text-lg);font-weight:100}}&:hover{>td{background-color:var(--bg-light)}}&:last-of-type{>td{&:first-of-type{border-bottom-left-radius:var(--round)}&:last-of-type{border-bottom-right-radius:var(--round)}}}}}>tfoot{background-color:var(--bg-light);color:var(--text);font-weight:700;border-top:var(--border-muted-1)}>:has(tfoot){>tbody>tr:last-of-type>td{border-radius:0}}}.toasts{position:fixed;right:var(--fb-right);bottom:calc(var(--fb-bottom) + 48px);width:320px;z-index:20;&:hover>div{animation-play-state:paused;&:before{animation-play-state:paused}}>div{background:var(--bg-light);color:var(--text-muted);position:relative;overflow-y:hidden;width:100%;padding:12px 22px 12px 40px;margin-top:8px;border-radius:var(--round);cursor:pointer;animation:.5s cubic-bezier(.68,-.55,0,1.65) 0s 1 normal forwards toast-in,.5s cubic-bezier(.68,-.55,0,1.65) 5s 1 reverse forwards toast-in,1ms ease 5.5s 1 normal forwards dis-hide;border:var(--border-muted-1);&:hover{color:var(--text);border-color:var(--border);box-shadow:var(--shadow-low)}&:after{display:block;position:absolute;top:8px;left:8px;font-size:20px;font-family:monospace;width:20px;height:20px;line-height:20px;color:var(--text);text-align:center;transition:var(--transitions);font-family:icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}&:before{content:"";display:block;position:absolute;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);left:0;right:0;bottom:0;height:3px;animation:shrink forwards;animation-duration:4.7s;animation-delay:.3s;background-repeat:repeat-y;background-position:left;background-color:var(--bg)}}>div.danger:before{background-image:var(--danger-grad)}>div.success:before{background-image:var(--success-grad)}>div.warning:before{background-image:var(--warning-grad)}>div.info:before{background-image:var(--info-grad)}>div.warning:after{content:"\e012";color:var(--warning)}>div.info:after{content:"\e010";color:var(--info)}>div.danger:after{content:"\e013";color:var(--danger)}>div.success:after{content:"\e011";color:var(--success)}}@keyframes toast-in{0%{transform:translate(calc(var(--fb-right) + 328px));opacity:.1;height:0}to{transform:translate(0);opacity:1;height:auto}}@keyframes shrink{0%{background-size:100%}to{background-size:0%}}@keyframes dis-hide{to{display:none}}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:100;text-wrap:balance}i[class^=ic-],i[class*=" ic-"]{vertical-align:middle;line-height:0}.xs{font-size:var(--text-xs)}.sm{font-size:var(--text-sm)}.lg{font-size:var(--text-lg)}.xl{font-size:var(--text-xl)}.text-c{text-align:center}.dots{background-image:radial-gradient(var(--border-muted) 1px,transparent .5px);background-size:20px 20px;background-position:50% 0;background-attachment:fixed}.flow,#logo,#logo:hover{background:linear-gradient(130deg,#9d00db,#3fbecf,#593fcf,#9d00db);background-size:300% 300%;background-position:100% 0;animation:flowr 6s infinite;color:var(--text);>a{color:var(--text);&:hover{text-decoration:none}}}@keyframes flowr{0%{background-position:100% 0}50%{background-position:0 100%}to{background-position:100% 0}}.hero{height:var(--hero-height);border-bottom:var(--border-1);box-shadow:inset var(--shadow-low-up);>h1{text-shadow:.25rem .25rem var(--shadow-color);color:var(--text);font-weight:var(--font)}}.hero.slogan{--hero-height:max(70dvh, 30rem);text-align:center;>.container{flex-direction:column;height:var(--hero-height);padding:1rem 1rem 12rem;gap:2rem;container-type:size;>h1{font-size:max(10cqw,var(--text-3xl))}>sub{font-size:var(--text-lg);color:var(--text-muted)}}}.hero-after{text-align:center;>img{width:70%;margin-inline:auto;margin-top:-12rem;z-index:1;box-shadow:var(--shadow-low);border-radius:var(--round);border:var(--border-muted-1);background-color:var(--bg);overflow:hidden}margin-bottom:4rem}.hero.avatar{--hero-height:max(30dvh, 20rem);margin-bottom:1rem;>.container{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;height:var(--hero-height);padding:0 1rem 1rem 0;gap:2rem;>h1{font-size:max(4cqw,var(--text-3xl))}>img{width:12rem;aspect-ratio:1/1;background-color:var(--bg);border-radius:var(--round);border:var(--border-muted-1);margin-bottom:-2rem;z-index:2;box-shadow:var(--shadow-low);color:var(--text);opacity:.95}}}#nav-top{grid-column:1/-1;position:fixed;inset:0;z-index:10;width:100dvw;height:calc(var(--layout-header) + 1rem);a:hover{text-decoration:none}>.container{margin-top:1rem;flex-direction:row;justify-content:space-between;border:var(--border-muted-1);box-shadow:var(--shadow-low);background:var(--bg);height:var(--layout-header);border-radius:var(--round);gap:.5rem;contain:paint;padding-inline:.5rem;>*,>div>*{height:calc(var(--layout-header) - 1rem)}>.toggle{width:var(--layout-header);text-align:center;font-size:calc(var(--layout-header) - 1rem);line-height:0;color:var(--text)}>h1{font-size:var(--text-2xl);font-weight:var(--font);padding-right:1rem;flex:1 0 1px;>*{color:var(--text)}&:hover>*{color:var(--text)}>a{line-height:var(--layout-header)}}>nav{display:flex;justify-content:flex-start;align-items:center;gap:2rem;padding-inline:1rem;flex:10 0 auto;>a{color:var(--text-muted);font-size:var(--text-lg)}a:hover{color:var(--primary)}}>.actions{min-width:var(--layout-header);>a{padding-inline:20px;border-radius:var(--round)}}}#nav-mobile{position:fixed;inset:.5rem;z-index:20;pointer-events:none;display:none;opacity:0;transition:var(--transitions);>.overlay{position:absolute;inset:0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:oklch(var(var(--bg-dark))/.6);opacity:0;transition:opacity .3s ease;pointer-events:auto;transition:var(--slow)}>.content{position:absolute;top:0;left:0;bottom:0;width:min(80%,300px);background:var(--bg);transform:translate(-100%);transition:var(--slow);border-radius:var(--round);border:var(--border-muted-1);box-shadow:var(--shadow-low);display:flex;flex-direction:column;overflow-y:auto;z-index:1;pointer-events:auto;header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:var(--border-muted-1);h2{font-size:var(--text-xl);margin:0}.close-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:var(--text);font-size:var(--text-xl);border-radius:var(--round);&:hover{background:var(--bg-light)}}}}nav{display:flex;flex-direction:column;flex:1;padding:.5rem;>a{padding:.5rem 1rem;color:var(--text);font-size:var(--text-lg);transition:var(--transitions);&:hover{color:var(--primary)}}.actions{margin-top:auto;padding:.5rem 1rem;border-top:var(--border-muted-1);display:flex;flex-direction:column;gap:.5rem}}&.active{pointer-events:auto;display:block;opacity:1;.overlay{opacity:1}.content{transform:translate(0)}}}}body{>footer{>.container{background:var(--bg);border:var(--border-muted-1);padding:1rem;box-shadow:var(--shadow-low);margin-bottom:2rem;border-radius:var(--round);display:flex;flex-flow:row wrap;align-items:stretch;justify-content:space-between;gap:16px;>section{flex:1 0 320px;border-right:var(--border-muted-1);&:last-of-type{border-right:none}>h4{font-size:var(--text-xl);margin:0 0 16px;font-weight:var(--bold)}>ul{list-style:circle;padding-left:20px}>dl{margin:16px;>dt{font-weight:700}>dd{margin:0 0 8px 16px}}.contacts{display:flex;flex-direction:row;gap:12px;>a{font-size:var(--text-xl);color:var(--text-muted);&:hover{color:var(--primary);text-decoration:none}}}}}}}body{display:grid;grid-template-columns:1fr var(--layout-width)1fr;width:100dvw;min-height:100dvh;>main{grid-column:1 / -1}>footer{grid-column:1 / -1}}.reason-box{display:flex;align-items:flex-start;flex-direction:row;gap:2rem;>*{flex:1 1 50%;min-width:20rem}>*:first-child{>h3{font-size:var(--text-3xl);margin-bottom:.5rem}>p{font-size:var(--text-md);line-height:1.5}}>*:last-child{min-height:22rem;background-color:var(--bg);border-radius:var(--round)}&:nth-of-type(2n){flex-direction:row-reverse;>img{margin-left:0;margin-right:2rem}}margin-bottom:8rem}