@font-face {
    font-display:swap;
    font-family:'Inter';
    font-style:normal;
    font-weight:400;
    src:url('/assets/fon/inter-v20-latin-regular.woff2') format('woff2');
}
@font-face {
    font-display:swap;
    font-family:'Inter';
    font-style:normal;
    font-weight:500;
    src:url('/assets/fon/inter-v20-latin-500.woff2') format('woff2');
}
@font-face {
    font-display:swap;
    font-family:'Inter';
    font-style:italic;
    font-weight:500;
    src:url('/assets/fon/inter-v20-latin-500italic.woff2') format('woff2');
}
@font-face {
    font-display:swap;
    font-family:'Inter';
    font-style:normal;
    font-weight:600;
    src:url('/assets/fon/inter-v20-latin-600.woff2') format('woff2');
}
@font-face {
    font-display:swap;
    font-family:'Inter';
    font-style:italic;
    font-weight:600;
    src:url('/assets/fon/inter-v20-latin-600italic.woff2') format('woff2');
}
@font-face {
    font-display:swap;
    font-family:'Inter';
    font-style:normal;
    font-weight:900;
    src:url('/assets/fon/inter-v20-latin-900.woff2') format('woff2');
}
:root {
    --pc1:#e6f0fe;
    --pc5:#86b6fe;
    --pc:#0d6efd;
    --fs:16px;
    --scbw:12px;
    --scb:var(--pc5);
    --scb2:var(--pc);
    --sz:24px;
    --gutX:40px;
    --tx:rgba(255, 255, 255, 0.7);
}
img, svg {
    min-width:var(--sz);
    max-width:var(--sz);
    min-height:var(--sz);
    max-height:var(--sz);
    vertical-align:middle;
    transform:rotate(0deg);
    transition:transform 0.2s ease;
}
img *, svg * {
    user-select:none;
    pointer-events:none;
}
html {
    overflow:hidden;
    overflow-y:auto;
}
html::-webkit-scrollbar {
    width:var(--scbw);
    height:var(--scbw);
}
html::-webkit-scrollbar-track {
    background:#cee2fe;
}
html::-webkit-scrollbar-thumb {
    background:var(--scb);
    border-radius:var(--scbw);
}
html::-webkit-scrollbar-thumb:hover {
    background:var(--scb2);
}
body {
    --scb2:#3d8bfd;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-family:'Inter', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    margin:0;
    overflow:hidden;
    padding-bottom:0px;
    background:var(--pc1);
}
body::-webkit-scrollbar-track {
    background:rgba(13, 110, 253, 0.06);
    margin:0;
}
body * {
    --m:0px;
    --mx:var(--m);
    --p:0px;
    --px:var(--p);
    --py:var(--p);
    --f:var(--fs);
    --fw:400;
    --lh:1.2;
    --bc:var(--pc);
    --scbw:6px;
    outline:none;
    font-size:var(--f);
    font-weight:var(--fw);
    line-height:var(--lh);
    color:var(--tx);
    margin:var(--m) var(--mx);
    padding:var(--py) var(--px);
}
*,::after,::before {
    box-sizing:border-box;
    background:transparent;
}
::after,
::before {
    position:absolute;
}
#preload {
    position:fixed;
    z-index:20;
    inset:0;
    background:var(--pc1);
}
#preload::after, #preload::before {
    --s:2s;
    content:"";
    border:4px solid var(--pc);
    border-radius:50%;
    animation:preload 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
#preload::after {
    animation-delay:-0.5s;
}
#java {
    position:fixed
}
main {
    --py:80px;
    background:#0a243c;
    min-height:100vh;
}
section {
    --mx:auto;
    --px:var(--gutX);
    align-items:center;
    display:flex;
    max-width:1600px;
    flex-wrap:wrap;
    position:relative;
    width:100%;
}
h2 {
    display:flex;
    justify-content:center;
}
h2 span {
    --tx:var(--pc);
    --f:160px;
    --fw:900;
    --i:0.1s;
    animation:bou calc(var(--i) / 0.025) ease-in-out infinite;
    z-index: 1;
}
h2 span:nth-child(1) {
    animation-delay: 0s;
}
h2 span:nth-child(2) {
    --mx:30px;
    animation-delay:var(--i);
}
h2 span:nth-child(3) {
    animation-delay:calc(var(--i)*2);
}
h3 {
    --f:36px;
}
em {
    --lh:1.25;
}
img {
    --mx:auto;
    --sz:auto;
    inset:0;
    position:fixed;
    min-height:100vh;
    max-height:100vh;
    overflow:hidden;
    z-index:-1
}                     
h2, h3, em {
    width:100%;
}
h3 {
    --f:48px;
    --fw:600;
    --lh:1.1;
    text-align:center;
    z-index:1;
    margin-bottom:16px;
}
em {
    --f:18px;
    --fw:500;
    --lh:2;
    text-align:center;
    opacity:0.85;
}
em span {
    --tx:inherit;
    --f:inherit;
    --fw:inherit;
}
svg {
    --sz:60px;
    --tx:var(--pc);
}
a {
    --f:inherit;
    --tx:var(--pc);
    --fw:600;
    white-space:normal;
    text-decoration:none;
    cursor: pointer;
}
a:hover {
    opacity: 0.8;
}
.btns {
    --mx: auto;
    z-index: 1;
    margin-top: 16px;
}
[class*='btn-'] {
    --py: 10px;
    --px: 14px;
    --mx: 4px;
    --bc: transparent;
    --tx: var(--whi);
    width: fit-content;
    align-items: center;
    border-radius: 6px;
}
[class*='btn-'] svg {
    --tx: inherit;
}
.btn-p {
    background: var(--pc);
}
@media screen and (max-width:900px) {
    h3 {
        --f:36px;
    }
}
@media screen and (max-width:700px) {
    :root {
        --gutX:30px;
    }
    h2 span {
        --f:134px;
    }
}
@media screen and (max-width:500px) {
    :root {
        --gutX:20px;
    }
    h3 {
        --f:32px;
    }
    h2 span {
        --f:130px;
    }
    em {
        --f:17px;
    }
}
@media screen and (max-width:400px) {
    h2 span {
        --f:120px;
    }
    h2 span:nth-child(2) {
        --mx:20px !important;
    }
}
@media screen and (max-width:360px) {
    h2 span {
        --f:110px;
    }
    h2 span:nth-child(2) {
        --mx:10px !important;
    }
}
@media screen and (max-width:340px) {
    h2 {
        --f:28px;
    }
    h2 span {
        --f:100px;
    }
}
@keyframes preload {
    0% {
        width:10px;
        height:10px;
        top:calc(50% - 5px);
        left:calc(50% - 5px);
        opacity:1;
    }
    100% {
        width:72px;
        height:72px;
        top:calc(50% - 36px);
        left:calc(50% - 36px);
        opacity:0;
    }
}
@keyframes bou {
    0%, 10%, 20%, 50%, 60%, 70%, 100% {
        transform:translateY(0);
    }
    5%, 15%, 55%, 65% {
        transform:translateY(-20px);
    }
}