@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.header{position:fixed;top:0;left:0;height:4.2em;z-index:1;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #00000080;border-radius:0 0 10px 10px;transition:all .5s}.pages{max-width:1000px;margin:0 auto;scroll-snap-type:y proximity}.page{margin-top:1em;padding:1em;min-height:100dvh;scroll-snap-align:start end;display:flex;justify-content:center;flex-direction:column}@media (max-width: 430px){.header .main-title{font-size:2em;top:2dvh}.header .icon{width:1em;height:1em}.support-title{font-size:large}}.footer{min-height:80px;display:flex;justify-content:center}.footer .copyright{position:absolute;font-weight:400}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s ease-in-out}#video{filter:brightness(var(--bright)) contrast(var(--cont)) opacity(var(--opacity));position:fixed;top:-5%;left:-1%;z-index:-1;width:110%;height:110%;overflow:hidden;object-fit:cover;transition:filter 1s}.invisible-comp>*{opacity:0;transition:all 1s ease-out;transition-delay:.2s;pointer-events:none}.visible-comp>*{opacity:1;transition:all 1s ease-out;transition-delay:.2s}.nav ul,.nav ul li{list-style:none;padding:0;margin:0}.nav{position:fixed;display:flex;bottom:1vh;right:1vw;z-index:10;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:1px 1px 20px #000000b1;padding:5px;min-width:20px;min-height:20px;transition:all 1s ease-in-out}.nav ul{max-width:fit-content;max-height:fit-content;transition:all 1s ease-in-out}.nav ul li:not(.active){display:none}.nav li.active{opacity:.5}.nav:hover{transition:all 1s ease-in-out}.nav:hover ul{transition:all 1s ease-in-out;opacity:1;display:flex;flex-direction:column;max-height:fit-content;max-width:fit-content}.nav:hover ul li{display:block;margin:2.5px 0;pointer-events:all}.nav:hover ul .active{opacity:1}.nav:hover ul .active button{transition:cubic-bezier(.5,-1,.5,1) .5s;transform:translate(-50px)}.nav:hover ul:hover>.nav-link:not(.active){opacity:.5}.nav:hover ul:hover>.nav-link:hover{opacity:1}.nav:hover .nav-link,.nav:hover ul{transition:opacity .4s ease}.active{opacity:1;filter:drop-shadow(0 0 5px black .5)}.nav-link:active{filter:drop-shadow(1px 1px 10px white)}.nav button{width:100%;justify-content:center}@keyframes flip{0%{transform:rotate(0%)}to{transform:rotate(180%)}}.logo{position:fixed;top:.5em;right:.5em;z-index:9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px #00000080;z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:2px 2px 2px #0000001a;cursor:pointer;text-decoration:none;color:var(--text1);text-align:center;transition:all .4s;text-shadow:0 0 1px black;padding:.5em}.logo:hover{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:2px 2px 5px #000000b3}.logo:active{transform:scale(.8)}.logoCon{color:inherit}.clock{position:fixed;left:1vw;bottom:1vh;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 5px #00000080;border-radius:10px;padding:5px;margin:0;transition:color .5s}.loader{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:10}.spinner{width:64px;height:64px;border:8px solid;border-color:var(--DOrange) transparent var(--DOrange) transparent;border-radius:50%;animation:spin-anim 1.2s linear infinite;filter:drop-shadow(0 0 5px var(--DOrange))}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root{margin:0 auto;text-align:center}.mask{overflow:hidden;display:flex;align-items:center;justify-content:center}.port{margin:0;transform:translateY(-110%);animation:slideDown1 1.5s .5s cubic-bezier(.165,.84,.44,1) forwards}.port2{margin:0;transform:translateY(-110%);animation:slideDown1 1.5s 1s cubic-bezier(.165,.84,.44,1) forwards}.port3{margin:0;transform:translateY(-150%);animation:slideDown1 1.5s 2s cubic-bezier(.165,.84,.44,1) forwards}.port4{position:fixed;top:90;right:5;margin:0;transform:translateY(150%);animation:slideDown1 1.5s 2s cubic-bezier(.165,.84,.44,1) forwards}@keyframes slideDown1{to{transform:translateY(0)}}:root{font-family:Orbitron,sans-serif;line-height:1.5;font-weight:600;color-scheme:light dark;color:var(--text1);background-color:var(--background1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0 auto;padding-inline:5dvw;min-width:320px;--DOrange: #F20505;--maroon: #8C0E03;--LOrange: #D95204;--LBlue: #1F47BF;--DBlue: #222559}.theme-dark{--text1: rgba(255,255,255,.8);--text2: rgb(65,63,82);--background1: #000000;--background2: 0,0,0, .3;--accent: var(--DOrange);--shadow:0 0 3px rgba(0, 0, 0, .5);--bright:.5;--cont: 2;--opacity: .7}.theme-light{--text1: rgba(0,0,0, .8);--text2: gray;--background1: #ffffff;--background2: 255,255,255, .3;--accent: var(--DOrange);--shadow: 0 0 3px rgba(255, 255, 255, .5);--bright:1.5;--cont: 2;--opacity: .7}a{font-weight:500;text-decoration:inherit}h1,h2,h3,h4,h5,p,summary{margin:0 0 2dvh;filter:drop-shadow(var(--shadow));letter-spacing:2px}body{margin:0;place-items:center;min-width:320px;min-height:100vh}ul{list-style:none;padding:0;margin:0}h1{font-size:3.2em;line-height:1}.btn{align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:2px 2px 2px #0000001a;cursor:pointer;display:inline-flex;gap:5px;padding:10px 20px;text-decoration:none;color:var(--text1);text-align:center;transition:all .4s;text-shadow:var(--shadow);font-size:1em;font-weight:600;font-family:inherit}.btn:hover{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:2px 2px 5px #000000b3}.btn:active{transform:scale(.8)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}