﻿/*!╔════════════════╗
   ║ (c) Global Net ║
   ╚════════════════╝*/body{margin:0;padding:0;width:100%;height:100%;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:small;font-family:Arial,sans-serif;overflow:hidden;position:fixed}.N{display:flex;justify-content:center;align-items:center;height:100%}footer{position:relative;color:#a7a7a7;font-family:monospace;font-size:x-small;margin-bottom:1em}img.cu{position:relative;width:10px;margin-bottom:-1.5px;opacity:75%}img,strong~a,.M,.m-line,.m-text,.loader,.pulse,#S,.H,.glint>span{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}object{transform:translateZ(0)}a:focus{outline:0}.P{position:fixed;bottom:1rem;right:1rem;z-index:3}.P .hovertext{border-bottom:none}.P .tiptext{bottom:108%;right:0;width:max-content}.P img{width:42px;opacity:.35;transition:.3s ease}.P img:hover{opacity:.8}
/*Dialog*/button.close{width:38px;height:38px;border-radius:5px;border:0;cursor:pointer;background:0 0;opacity:.8}button.close:hover{filter:invert(1) contrast(.5)!important}button#terms:hover{filter:invert(1) contrast(.1)!important}#mt{cursor:pointer;position:relative}#modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;width:600px;opacity:0;pointer-events:none;touch-action:none;display:flex;flex-direction:column;transition:all 777ms}#modal[open]{opacity:1;pointer-events:revert}dialog:focus{outline:none}
/*Cube*/.overlay{transform:unset}.loader{position:relative;display:flex;align-items:center;justify-content:center}.s-t{position:absolute;top:-100px;color:#fff;width:200px;text-align:center;text-shadow:0 0 5px #000,1px 1px 3px #000,-1px -1px 1px #000}.cube{position:absolute;width:40px;transform-style:preserve-3d;transform:rotateX(-30deg) rotateY(45deg);transition:300ms ease;cursor:pointer;animation:rC 23s infinite cubic-bezier(.22,.03,.81,.99)}@keyframes rC{0%{transform:rotateX(-30deg) rotateY(45deg)}to{transform:rotateX(-30deg) rotateY(405deg)}}.cube-front,.cube-back{transform:translateX(40px) translateZ(-20px);animation:none}.cube-top,.cube-bottom{transform:translateZ(20px);animation:none}.cube-left,.cube-right{transform:translateX(40px) translateZ(-20px);animation:none}.face{position:absolute;transform-style:preserve-3d;width:40px;height:40px;background:#152e4b;background:radial-gradient(circle,rgb(86 73 79/23%) 10%,rgb(3 1 26) 112%)}
.cube-back:hover .face {background: #fff; background: var(--bc1); filter: var(--gc1)}
 .cube-front:hover .face {background: #fff; background: var(--bc2); filter: var(--gc2)}
  .cube-top:hover .face {background: #fff; background: var(--bc3); filter: var(--gc3)}
   .cube-bottom:hover .face {background: #fff; background: var(--bc4); filter: var(--gc4)}
    .cube-left:hover .face {background: #fff; background: var(--bc5); filter: var(--gc5)}
     .cube-right:hover .face {background: #fff; background: var(--bc6); filter: var(--gc6)}
      .cube:active {transform: translateX(0px) translateZ(-20px)}
       .cube-back:active .face {background: #fff; background: var(--bc1); filter: var(--gc1)}
        .cube-front:active .face {background: #fff; background: var(--bc2); filter: var(--gc2)}
         .cube-top:active .face {background: #fff; background: var(--bc3); filter: var(--gc3)}
          .cube-bottom:active .face {background: #fff; background: var(--bc4); filter: var(--gc4)}
           .cube-left:active .face {background: #fff; background: var(--bc5); filter: var(--gc5)}
            .cube-right:active .face {background: #fff; background: var(--bc6); filter: var(--gc6)}
            .top {transform:/*G*/rotateX(90deg) translateZ(20px)}
           .back {transform:/*L*/rotateY(180deg) translateZ(20px)}
          .left {transform:/*⎔ NET*/rotateY(-90deg) translateZ(20px)}
         .right {transform:/*B*/rotateY(90deg) translateZ(20px)}
        .front {transform:/*A*/rotateY(0deg) translateZ(20px)}
       .bottom {transform:/*L*/rotateX(-90deg) translateZ(20px)}
      .middle {background:/*NET*/transparent}
     .faces:nth-child(1) {transform:/*G*/rotateX(90deg) translateZ(50px)}
    .faces:nth-child(2) {transform:/*L*/rotateX(-90deg) translateZ(50px)}
   .faces:nth-child(3) {transform:/*⎔ NET*/translateZ (50px)}
  .faces:nth-child(4) {transform:/*B*/rotateY(90deg) translateZ(50px)}
 .faces:nth-child(5) {transform:/*A*/rotateY(-90deg) translateZ(50px)}
.faces:nth-child(6) {transform:/*L*/rotateY(180deg) translateZ(50px)}
html
{--cp:33%;
  --s:84px;
   --cd:33deg;
    --c1: #ffffff;
     --c2: #fbf1f6;
      --c3: #f7efde;
       --cc1: #07516cde;
       --cc2: #350d80e8;
      --cc3: #7c3e0bdb;
     --gn-cube-i: inv 7.2s linear infinite;
    --gn-cube-p: pulse 14.4s ease infinite;
   --gn-conic-bg-sz: calc(var(--s) * 1.732) var(--s);
  --gn-cube-f-bg: linear-gradient(222deg, #050154fa, #2a5732f5);
 --gn-cube-bg: linear-gradient(var(--cd),var(--cc1),var(--cc2)var(--cp),var(--cc3));
--gc1: drop-shadow(0px 0px 5px #e7faff) drop-shadow(0px 0px 15px #4ba8ff) drop-shadow(0px 0px 30px #329cff);
  --bc1: radial-gradient(circle, #fff 60%, #9dd0ff 100%);
   --gc2: drop-shadow(0px 0px 5px #e7fff4) drop-shadow(0px 0px 15px #4bffa1) drop-shadow(0px 0px 30px #32ffa0);
    --bc2: radial-gradient(circle, #fff 60%, #9dffd3 100%);
     --gc3: drop-shadow(0px 0px 5px #f1ffe7) drop-shadow(0px 0px 15px #9bff4b) drop-shadow(0px 0px 30px #8aff32);
      --bc3: radial-gradient(circle, #fff 60%, #c6ff9d 100%);
       --gc4: drop-shadow(0px 0px 5px #feffe7) drop-shadow(0px 0px 15px #ffff4b) drop-shadow(0px 0px 30px #fcff32);
       --bc4: radial-gradient(circle, #fff 60%, #f7ff9d 100%);
      --gc5: drop-shadow(0px 0px 5px #fff6e7) drop-shadow(0px 0px 15px #ffbd4b) drop-shadow(0px 0px 30px #ffad32);
     --bc5: radial-gradient(circle, #fff 60%, #ffd99d 100%);
    --gc6: drop-shadow(0px 0px 5px #ffe7e7) drop-shadow(0px 0px 15px #ff4b4b) drop-shadow(0px 0px 30px #ff3232);
   --bc6: radial-gradient(circle, #fff 60%, #ff9d9d 100%);
  --gn-conic-bg: conic-gradient( from 0deg at calc(500% / 6) calc(100% / 3), var(--c3) var(--_g) ), conic-gradient( from -120deg at calc(100% / 6) calc(100% / 3), var(--c2) var(--_g) ), conic-gradient( from 120deg at calc(100% / 3) calc(500% / 6), var(--c1) var(--_g) ), conic-gradient( from 120deg at calc(200% / 3) calc(500% / 6), var(--c1) var(--_g) ), conic-gradient( from -180deg at calc(100% / 3) 50%, var(--c2) 60deg, var(--c1) var(--_g) ), conic-gradient( from 60deg at calc(200% / 3) 50%, var(--c1) 60deg, var(--c3) var(--_g) ), conic-gradient( from -60deg at 50% calc(100% / 3), var(--c1) 120deg, var(--c2) 0 240deg, var(--c3) 0 ); --_g: 0 120deg, #0000 0;
 --gn-9-t-s: 0px 1px 0px #999,0px 2px 0px #888,0px 3px 0px #777,0px 4px 0px #666,0px 5px 0px #555,0px 6px 0px #444,0px 7px 3px #333,0px 8px 7px #222,0px 0px 23px #fff;
--gn-tip-bg: repeating-linear-gradient(33deg, #05080abf, #3d3115b8 5px), repeating-linear-gradient(333deg, #01091a5e, #4f556ecc 5px)}
/*Logo*/#logo{z-index:0;position:absolute;cursor:pointer;filter:blur(5px) opacity(.72) invert(.84);transition:all 1.2s ease-in;object-fit:cover;clip-path:circle(50%at 50% 50%);-webkit-clip-path:circle(50%at 50% 50%);pointer-events:auto;user-select:none}@keyframes pulsate{0%,to{filter:blur(5px) opacity(.3) invert(1)}50%{filter:blur(10px) opacity(.7) invert(1)}}#logo:hover{filter:blur(7px) opacity(.81) invert(.7);transition:all .3s ease-in-out}
/*Cubic*/div.inv{transform:scale(.55);transition:all 333ms ease}div.inv:hover{transform:scale(.64);animation:inv 777ms ease infinite}.load{perspective:600px;width:100px;height:100px}.cubic{width:100%;height:100%;user-select:none;transform-style:preserve-3d;animation:rotate 7s linear infinite}@keyframes rotate{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(360deg) rotateY(360deg)}}.faces{position:absolute;width:100%;height:100%;background:var(--gn-cube-bg);border:1px solid #5000aa;border-radius:10%}.pulse{filter:opacity(100%) blur(0);position:absolute;display:none;animation:var(--gn-cube-p)}@keyframes pulse{50%{filter:opacity(33%) blur(5px)}}.inv{filter:hue-rotate(0deg) drop-shadow(0 0 15px #fff8);animation:var(--gn-cube-i)}@keyframes inv{50%{filter:hue-rotate(180deg)}}
/*Moon*/.M{position:fixed;top:1rem;right:1rem;text-align:right;z-index:2;transition:z-index .42s ease,opacity 777ms ease}.m-1{position:relative;width:72%;cursor:crosshair;pointer-events:auto;clip-path:circle(23.5%at 75% 49.8%);filter:blur(1px);opacity:0;will-change:filter,width;transition:all .42s ease;animation:1000ms ease-in 777ms 1 normal both running MA}.m-1:hover{width:100%;filter:blur(0);opacity:1;z-index:5}.m-2{position:absolute;right:0;opacity:0;width:72%;cursor:crosshair;pointer-events:none;z-index:2;will-change:filter,width;filter:drop-shadow(3px -3px 5px #fff3);transition:all .42s ease}.M:has(.m-1:hover){z-index:5}.m-1:hover~.m-2{width:100%;opacity:1;z-index:5}.m-line{position:fixed;pointer-events:none;border:1px solid silver;z-index:2;border-bottom:none;border-right:none;width:50px;height:33px;top:100px;right:132px;opacity:0%;transform:skewX(312deg);transition:.15s ease;animation:FO 12s ease 1s forwards}.m-text{position:fixed;pointer-events:none;width:max-content;z-index:2;right:168px;top:133px;opacity:0%;font-size:10px;color:#f5f5f5;transition:.3s ease;animation:FO 12s ease 1s forwards}@keyframes FO{0%{opacity:0}20%{opacity:.7}80%{opacity:.7}to{opacity:0}}.m-1:hover~.m-line{width:10px;right:172px}.M>a{cursor:default;text-decoration:none}@keyframes MA{0%{opacity:0}to{opacity:.7}}
/* * */