:root{--svg:brightness(0) saturate(100%) invert(74%) sepia(21%) saturate(7067%) hue-rotate(359deg) brightness(101%) contrast(104%);--main-colour:#900;--fg:#FFF;--bg:#8000006b;--text:#000;--text-placeholder:#666;--pad4:brightness(0) saturate(100%) invert(71%) sepia(47%) saturate(7311%) hue-rotate(79deg) brightness(123%) contrast(147%);--pad3:brightness(0) saturate(100%) invert(90%) sepia(73%) saturate(522%) hue-rotate(20deg) brightness(91%) contrast(112%);--pad2:brightness(0) saturate(100%) invert(90%) sepia(72%) saturate(3875%) hue-rotate(2deg) brightness(102%) contrast(107%);--pad1:brightness(0) saturate(100%) invert(63%) sepia(97%) saturate(2107%) hue-rotate(359deg) brightness(100%) contrast(105%);--pad0:brightness(0) saturate(100%) invert(14%) sepia(99%) saturate(6002%) hue-rotate(2deg) brightness(106%) contrast(120%);--highlight-colour:#C00}*{margin:0;padding:0;vertical-align:top}body{background-color:var(--bg)}header{max-height:15vh;max-width:min(70vw,500px);position:relative;aspect-ratio:21/5;top:0;left:0;right:0;margin-top:5vh;margin-left:auto;margin-right:auto}header::before{content:'';position:absolute;width:max(20vw,200px);height:0;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-box-shadow:0 0 100px 50px #fff;-moz-box-shadow:0 0 100px 50px #fff;box-shadow:0 0 100px min(20vw,100px) #fff;z-index:-1}header svg{max-width:90%;max-height:90%;position:absolute;height:auto;width:auto;top:0;left:0;right:0;bottom:0;margin:auto;z-index:100}form{background-color:var(--fg);color:var(--text);display:grid;position:relative;grid-template-areas:"signin signin register register" "error error error error" "name name name name" "email email email email" "password password password password" "confirm confirm confirm confirm" "check terms terms terms" "submit submit submit submit";grid-template-rows:auto;grid-gap:1rem 0.5rem;padding:.5rem;grid-template-columns:1fr 1fr 1fr 1fr;min-height:60vh;width:clamp(45vmin,80%,min(calc(20vmax + 250px),500px));margin-top:5vh;left:0;right:0;margin-left:auto;margin-right:auto;-webkit-box-shadow:0 0 25px 0 rgba(0,0,0,.5);-moz-box-shadow:0 0 25px 0 rgba(0,0,0,.5);box-shadow:0 0 25px 0 rgba(0,0,0,.5)}.login{grid-template-areas:"signin signin register register" "error error error error" "email email email email" "password password password password" "keep keep keep keep" "submit submit submit submit" "forgot forgot forgot forgot"}.title{grid-area:register;font-weight:700;text-align:center;text-decoration:none;color:var(--text);font-size:clamp(1rem,3vmax,2rem);padding:1rem;position:relative}.signin{grid-area:signin}.line{bottom:0;left:0;right:0;display:inline-block;position:absolute}.line-inner{width:70%;height:4px;border-radius:2px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-color:var(--main-colour);transition:width 1s}.line-other{width:0;transition:width 1s}.title:hover+.title .line-inner{width:0}.title:hover .line-other{width:70%}.error{grid-area:error;border:1px solid #c00;background-color:red;text-align:center;padding:.5rem;width:80%;margin-left:auto;margin-right:auto;font-size:clamp(.8rem,1.3vmax,1.2rem);display:none}.info{margin-top:1vw;width:85%;min-height:3vh;margin-left:auto;margin-right:auto;display:flex;position:relative;justify-content:center}.info>input{font-size:clamp(1rem,2vmax,1.5rem);padding:.2rem;width:100%;border:2px solid #666;border-radius:5px;background-color:var(--fg);color:var(--text);text-indent:5%;padding-right:20%}.info input::placeholder{color:var(--text-placeholder)}.info input:focus{border-color:var(--text)}.info svg{max-height:50%;aspect-ratio:1/1;position:absolute;height:auto;width:auto;right:5%;top:0;bottom:0;margin:auto}.name{grid-area:name}.email{grid-area:email}.password{grid-area:password}.confirm{grid-area:confirm;margin-bottom:1.5vw}.check{grid-area:check;display:flex;justify-self:center;align-self:center;min-height:3vh;aspect-ratio:1/1}.check>input[type=checkbox]{visibility:hidden}.check>label{display:flex;align-self:center;height:max(1.5rem,3vh);width:max(1.5rem,3vh);border-radius:max(.75rem,1.5vh);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--fg);border:2px solid #666}.check>input[type=checkbox]:checked~label:after{content:'';width:max(1.2rem,2.2vh);height:max(1.2rem,2.2vh);top:0;left:0;right:0;bottom:0;margin:auto;background-size:cover;background-repeat:no-repeat;background-image:url('../../data/menu/tick.min.svg')}.keep,.terms{grid-area:terms;display:flex;align-items:center;font-size:clamp(.8rem,1.3vmax,1.2rem);width:90%}.keep{grid-area:keep;width:80%}.keepbox{margin-right:5%}.forgot>a,.terms>span>a{text-decoration:none;color:var(--text)}.submit{grid-area:submit;margin-bottom:3vw;margin-left:auto;margin-right:auto;margin-top:1.5vw;display:block;font-weight:700;border-radius:5px;border:0;background-color:var(--main-colour);color:#fff;cursor:pointer;padding-top:.5rem;padding-bottom:.5rem;padding-left:2rem;padding-right:2rem;font-size:clamp(1rem,3vmax,2rem)}.submit:hover{-webkit-box-shadow:inset 0 0 25px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 25px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 25px 0 rgba(0,0,0,.2);background-color:var(--highlight-colour)}.signbutton{margin-bottom:1vw}.forgot{grid-area:forgot;font-size:clamp(.8rem,1.3vmax,1.2rem);margin-bottom:1vw}