@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,600,0,0');
@import url('https://fonts.googleapis.com/css?family=Google+Sans:100,200,300,400,500,600,700,800,900&display=swap&subset=latin-ext');
:root { color-scheme: dark; }
:root[data-theme="light"] { color-scheme: light; }
:root {
    --sys-bg-app: #151922;
    --sys-bg-shell: #1a1f2b;
    --sys-bg-panel: #222938;
    --sys-bg-elevated: #293244;
    --sys-bg-input: #2b3548;
    --sys-text: #e8ecf8;
    --sys-text-strong: #f8faff;
    --sys-text-muted: #b2bacd;
    --sys-border: #54617a;
    --sys-border-soft: #434f66;
    --sys-accent-primary: #6f5bff;
    --sys-accent-primary-hover: #816fff;
    --sys-accent-primary-soft: rgba(111, 91, 255, 0.16);
    --sys-accent-secondary: #9e8473;
    --sys-accent-secondary-hover: #b29786;
    --sys-accent-secondary-soft: rgba(158, 132, 115, 0.18);
    --sys-shadow: rgba(2, 6, 23, 0.58);
}
:root[data-theme="light"] {
    --sys-bg-app: #eef1f5;
    --sys-bg-shell: #f4f5f7;
    --sys-bg-panel: #ffffff;
    --sys-bg-elevated: #f7f9fc;
    --sys-bg-input: #ffffff;
    --sys-text: #1f2933;
    --sys-text-strong: #111827;
    --sys-text-muted: #667085;
    --sys-border: #b8c0cc;
    --sys-border-soft: #d5dae1;
    --sys-accent-primary: #6f5bff;
    --sys-accent-primary-hover: #816fff;
    --sys-accent-primary-soft: rgba(111, 91, 255, 0.1);
    --sys-accent-secondary: #9e8473;
    --sys-accent-secondary-hover: #b29786;
    --sys-accent-secondary-soft: rgba(158, 132, 115, 0.16);
    --sys-shadow: rgba(16, 24, 40, 0.18);
}
*{box-sizing:border-box;margin:0;padding:0;outline:0;}
::-webkit-scrollbar              { width: 3px; height: 3px; }
::-webkit-scrollbar-track        { background: transparent; }
::-webkit-scrollbar-thumb        { background: var(--sys-accent-secondary-soft); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover  { background: var(--sys-accent-secondary); }
* { scrollbar-width: thin; scrollbar-color: var(--sys-accent-secondary-soft) transparent; }
html {outline:none;outline:0;margin:0;padding:0;scroll-behavior:smooth;}
body{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior: smooth;}
body{font-family: 'Google Sans', sans-serif;position:relative;width:100vw;top:0;left:0;bottom:0;right:0;margin:0;padding:0;font-weight:400;letter-spacing: 0.012rem;background:var(--sys-bg-app);color:var(--sys-text);}
:root[data-theme="light"] body{background:var(--sys-bg-shell);color:var(--sys-text);}
figure{display:inline-block;margin:0;padding:0;}
figcaption{text-align:center;}
img{display:inline-block;}
textarea{resize:none;font-family:'Google Sans',sans-serif;}
textarea:placeholder-shown {font-style:italic;}
input, select, textarea { transition:.4s; }
input[type=text]:placeholder-shown {font-style:italic;}
input[type=tel]:placeholder-shown {font-style:italic;}
input[type=email]:placeholder-shown {font-style:italic;}
input[type=button] { transition:.4s; cursor:pointer; }
li{list-style:none;}
a{display:block;text-decoration:none;transition:.4s;cursor:pointer;}
p{font-weight:300;}
h1{padding:1em 0;}
h2{padding:.75em 0;}
h3{padding:.5em 0;}
h4{padding:.25em 0;}
h1 { margin:auto; text-align:center; }
loader { position:fixed; z-index:99999; width:64px; height:64px; top:50%; left:50%; margin:-32px 0 0 -32px; display:none; opacity:0; }
.loaderActive { display: inline-block; width: 64px; height: 64px; animation: loaderCome 0.3s linear; animation-fill-mode: forwards; }
.loaderActive:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid var(--sys-accent-secondary); border-color: var(--sys-accent-secondary) transparent var(--sys-accent-secondary) transparent; animation: loaderActive 1.2s linear infinite; }
.loaderGone { animation: loaderGone 0.3s linear; animation-fill-mode: forwards; }
@keyframes loaderActive { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes loaderCome { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes loaderGone { 0% { opacity:1; } 100% { opacity:0; } }
.error{color:#e35b5b;}
.inlineError{display:inline-block;padding:20px;color:#e35b5b;}
.success{color:#42aa27;}
.inlineSuccess{display:inline-block;padding:20px;color:#42aa27;}
.warn{color:#d97747;}
.inlineWarn{display:inline-block;padding:20px;color:#d97747;}
icon {display:inline-block;width:22px;height:22px;overflow:hidden;}
.icon {display:inline-block;width:22px;height:22px;overflow:hidden;}
.button {cursor:pointer;transition:.4s;}
.material-symbols-outlined {display:inline-block;width:fit-content;height:fit-content;font-size:16px;overflow:hidden;}