@keyframes outLeft{0%{transform:translate(0)}to{transform:translate(-524px)}}@keyframes outRight{0%{transform:translate(0)}to{transform:translate(524px)}}@keyframes inRightMid{0%{transform:translate(0);width:500px;height:250px}to{transform:translate(-524px);width:600px;height:300px}}@keyframes inLeftMid{0%{transform:translate(0);width:500px;height:250px}to{transform:translate(524px);width:600px;height:300px}}@keyframes midLeft{0%{transform:translate(0);width:600px;height:300px}to{transform:translate(-524px);width:500px;height:250px}}@keyframes midRight{0%{transform:translate(0);width:600px;height:300px}to{transform:translate(524px);width:500px;height:250px}}@keyframes leftIn{0%{transform:translate(0)}to{transform:translate(524px)}}@keyframes rightIn{0%{transform:translate(0)}to{transform:translate(-524px)}}@media (max-width: 800px){@keyframes inRightMid{0%{transform:translate(0);width:500px;height:250px}to{transform:translate(-524px);width:500px;height:300px}}@keyframes inLeftMid{0%{transform:translate(0);width:500px;height:250px}to{transform:translate(524px);width:500px;height:300px}}@keyframes midLeft{0%{transform:translate(0);width:500px;height:300px}to{transform:translate(-524px);width:500px;height:250px}}@keyframes midRight{0%{transform:translate(0);width:500px;height:300px}to{transform:translate(524px);width:500px;height:250px}}}@media (max-width: 715px){@keyframes outLeft{0%{transform:translate(0)}to{transform:translate(-424px)}}@keyframes outRight{0%{transform:translate(0)}to{transform:translate(424px)}}@keyframes inRightMid{0%{transform:translate(0);width:400px;height:250px}to{transform:translate(-424px);width:400px;height:300px}}@keyframes inLeftMid{0%{transform:translate(0);width:400px;height:250px}to{transform:translate(424px);width:400px;height:300px}}@keyframes midLeft{0%{transform:translate(0);width:400px;height:300px}to{transform:translate(-424px);width:400px;height:250px}}@keyframes midRight{0%{transform:translate(0);width:400px;height:300px}to{transform:translate(424px);width:400px;height:250px}}@keyframes leftIn{0%{transform:translate(0)}to{transform:translate(424px)}}@keyframes rightIn{0%{transform:translate(0)}to{transform:translate(-424px)}}}@media (max-width: 480px){@keyframes outLeft{0%{transform:translate(0)}to{transform:translate(-308px)}}@keyframes outRight{0%{transform:translate(0)}to{transform:translate(308px)}}@keyframes inRightMid{0%{transform:translate(0);width:284px;height:250px}to{transform:translate(-308px);width:284px;height:300px}}@keyframes inLeftMid{0%{transform:translate(0);width:284px;height:250px}to{transform:translate(308px);width:284px;height:300px}}@keyframes midLeft{0%{transform:translate(0);width:284px;height:300px}to{transform:translate(-308px);width:284px;height:250px}}@keyframes midRight{0%{transform:translate(0);width:284px;height:300px}to{transform:translate(308px);width:284px;height:250px}}@keyframes leftIn{0%{transform:translate(0)}to{transform:translate(308px)}}@keyframes rightIn{0%{transform:translate(0)}to{transform:translate(-308px)}}}*{margin:0}html.no-scroll{scroll-behavior:smooth;overflow-y:hidden}.has-custom-cursor{cursor:none}input,textarea{cursor:text!important}select,[contenteditable=true]{cursor:auto!important}:root{--cc-color: #22d3ee;--cc-glow: rgba(34, 211, 238, .75);--cc-glow-alpha: .75;--cc-glow-mul: 1;--cc-glow-speed: 1.6s;--cc-dot-size: 10px;--cc-ring-size: 36px}:root.cc-over-text{--sx: 1;--sy: 2;--cc-glow-mul: 1.6}:root.glow-soft{--cc-glow-alpha: .45;--cc-glow-mul: .7;--cc-glow-speed: 2.2s}:root.glow-strong{--cc-glow-alpha: .95;--cc-glow-mul: 1.5;--cc-glow-speed: 1.2s}:root.dark{--cc-color: #60a5fa;--cc-glow: rgba(96, 165, 250, .85)}:root:has(.cc-interactive:hover),:root:has(a:hover,button:hover,[role=button]:hover){--cc-glow-alpha: .95;--cc-glow-mul: 1.4}:root:has(.cc-interactive:active){--cc-glow-alpha: .98;--cc-glow-mul: 1.6}:root:has(.cc-interactive:focus-visible){--cc-glow-alpha: .9;--cc-glow-mul: 1.3}:root:has(header .cc-interactive:hover){--cc-glow-alpha: .95;--cc-glow-mul: 1.5}h1:hover,h2:hover{cursor:default}h1,h2,h3,h4{margin-block-start:0;margin-block-end:0}.logos{background-size:contain;background-repeat:no-repeat;background-image:url("./media/logo_sp_full-G7ZDD4FE.png");background-position:center;width:196px;height:72px}.logos:hover{background-image:url("./media/logo_sp_empty-LB2YM6ZH.png");cursor:pointer}button{display:flex;justify-content:center;align-items:center;color:#fff;border-radius:100px;border:1px solid #FFFFFF;background-color:#0000;overflow:hidden;position:relative;width:143px;height:48px}button:hover{cursor:pointer;border-color:#3dcfb6}.btn-span-one{content-visibility:hidden;font-size:16px}button:hover span.btn-span-one{animation:movingButtontxtInfinite 5s linear 2s infinite;color:#3dcfb6}.btn-span-sec{display:flex;justify-content:center;cursor:pointer;position:absolute;z-index:0;font-size:16px}button:hover span.btn-span-sec{animation:movingButtontxtOut 2.5s ease-out forwards;color:#3dcfb6}@keyframes movingButtontxtInfinite{0%{content-visibility:visible;z-index:0;transform:translate(120px)}to{content-visibility:visible;z-index:0;transform:translate(-300px)}}@keyframes movingButtontxtOut{0%{transform:translate(0)}to{transform:translate(-150px)}}@font-face{font-family:Fira_Code;src:url("./media/FiraCode-Regular-M2CKUTDH.ttf");font-weight:700}@font-face{font-family:Karla;src:url("./media/Karla-Regular-IZF76UWN.ttf");font-weight:700}:root{--ff-fira: "Fira Sans", system-ui, sans-serif;--ff-karla: "Karla", system-ui, sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#021814}::-webkit-scrollbar-thumb{background-color:#07aa8c;border-radius:6px;border:1px}::-webkit-scrollbar-thumb:hover{background-color:#055e4d}@media (max-width: 500px){.logos{background-image:url("./media/sp_full-Y6S6L5SM.png")}.logos:hover{background-image:url("./media/sp_empty-EL2MPAKB.png")}}
