:root{--purple:#2a095e}body{margin:0;padding:0;overflow:hidden;font-size:16px;font-family:var(--regular_font);color:var(--white);background-color:#000}.background{position:fixed;inset:0;width:100vw;height:100vh;background-color:var(--black);pointer-events:none;z-index:-1}.background>div{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:screen;opacity:0}.background>div:first-child{background:radial-gradient(circle at 10% 80%,var(--purple) 0,transparent 45%);animation:1.1s ease-in-out .1s forwards show_background}.background>div:nth-child(2){background:radial-gradient(circle at 100% 30%,#3f3b3b 0,transparent 50%);animation:1s ease-in-out forwards show_background}@keyframes show_background{from{opacity:0}to{opacity:.75}}.logo{left:50vw;transform:translateX(-50%)}.form_container{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.form_container>h1{align-self:baseline;margin-top:-10vh;margin-bottom:0;font-family:var(--title_font);font-size:45px}.form_container>span{margin-bottom:4vh;align-self:baseline;opacity:.8;font-size:15px;margin-left:10px}.form_container>form{display:flex;flex-direction:column;gap:10px;align-items:center}.form_container>.or{margin-top:8px;margin-bottom:12px;font-size:18px;color:var(--light);font-family:var(--title_font)}.form_container>.or::after,.form_container>.or::before{content:"";display:inline-block;width:80px;height:1px;background-color:var(--light);vertical-align:middle;margin:0 8px}form>input{outline:0;padding:3px;box-sizing:border-box;background-color:var(--background);border:1px solid transparent;color:var(--white);font-size:14px;width:220px;text-align:center;transition:.3s}form>input:hover{border-color:var(--hover)}form>input:focus{border-color:var(--active)}.form_container>form>span{opacity:.8;font-size:14px}.form_container>form>span>.link{font-size:12px}.arrow_link_button{position:relative;margin-top:10px;font-size:18px;padding:7px 40px 7px 20px;width:240px;background-color:var(--white);color:#000;border:none}.arrow_link_button>div{right:15px;height:18px;background-color:#000}.arrow_link_button>div::before{background-image:url("../gfx/svg/horizontal_arrow_white.svg");background-size:50%}.arrow_link_button>div::after{background-image:url("../gfx/svg/horizontal_arrow_purple.svg");background-size:50%}.arrow_link_button:hover{background:#451691}.arrow_link_button:hover>div::before{animation:.6s forwards hover_horizontal_main_arrow}.arrow_link_button:hover>div::after{animation:.6s forwards hover_horizontal_highlight_arrow}