@import url("https://fonts.googleapis.com/css?family=Fira+Sans");body,html{position:relative;min-height:100vh;background-color:#e1e8ee;align-items:center;justify-content:center;font-family:Fira Sans,Helvetica,Arial,sans-serif;-moz-osx-font-smoothing:grayscale}.form-structor{background-color:#222;border-radius:15px;height:550px;width:350px;position:relative;overflow:hidden;&:after{content:"";opacity:.8;position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:0 100%;background-size:500px;background-image:url(https://images.unsplash.com/photo-1503602642458-232111445657?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=bf884ad570b50659c5fa2dc2cfb20ecf&auto=format&fit=crop&w=1000&q=100)}.signup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:65%;z-index:5;transition:all .3s ease;&.slide-up{top:5%;transform:translate(-50%);transition:all .3s ease}&.slide-up .form-holder,&.slide-up .submit-btn{opacity:0;visibility:hidden}&.slide-up .form-title{font-size:1em;cursor:pointer}&.slide-up .form-title span{margin-right:5px;opacity:1;visibility:visible;transition:all .3s ease}.form-title{color:#fff;font-size:1.7em;text-align:center;span{color:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:all .3s ease}}.form-holder{border-radius:15px;background-color:#fff;overflow:hidden;margin-top:50px;opacity:1;visibility:visible;transition:all .3s ease;.input{border:0;outline:none;box-shadow:none;display:block;height:30px;line-height:30px;padding:8px 15px;border-bottom:1px solid #eee;width:100%;font-size:12px;&:last-child{border-bottom:0}&::input-placeholder{color:rgba(0,0,0,.4)}}}.submit-btn{background-color:rgba(0,0,0,.4);color:rgba(256,256,256,.7);border:0;border-radius:15px;display:block;margin:15px auto;padding:15px 45px;width:100%;font-size:13px;font-weight:700;cursor:pointer;opacity:1;visibility:visible;transition:all .3s ease;&:hover{transition:all .3s ease;background-color:rgba(0,0,0,.8)}}}.login{position:absolute;top:20%;left:0;right:0;bottom:0;background-color:#fff;z-index:5;transition:all .3s ease;&:before{content:"";position:absolute;left:50%;top:-20px;transform:translate(-50%);background-color:#fff;width:200%;height:250px;border-radius:50%;z-index:4;transition:all .3s ease}.center{position:absolute;top:calc(50% - 10%);left:50%;transform:translate(-50%,-50%);width:65%;z-index:5;transition:all .3s ease;.form-title{color:#000;font-size:1.7em;text-align:center;span{color:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:all .3s ease}}.form-holder{border-radius:15px;background-color:#fff;border:1px solid #eee;overflow:hidden;margin-top:50px;opacity:1;visibility:visible;transition:all .3s ease;.input{border:0;outline:none;box-shadow:none;display:block;height:30px;line-height:30px;padding:8px 15px;border-bottom:1px solid #eee;width:100%;font-size:12px;&:last-child{border-bottom:0}&::input-placeholder{color:rgba(0,0,0,.4)}}}.submit-btn{background-color:#6b92a4;color:rgba(256,256,256,.7);border:0;border-radius:15px;display:block;margin:15px auto;padding:15px 45px;width:100%;font-size:13px;font-weight:700;cursor:pointer;opacity:1;visibility:visible;transition:all .3s ease;&:hover{transition:all .3s ease;background-color:rgba(0,0,0,.8)}}}&.slide-up{top:90%;transition:all .3s ease}&.slide-up .center{top:10%;transform:translate(-50%);transition:all .3s ease}&.slide-up .form-holder,&.slide-up .submit-btn{opacity:0;visibility:hidden;transition:all .3s ease}&.slide-up .form-title{font-size:1em;margin:0;padding:0;cursor:pointer;transition:all .3s ease}&.slide-up .form-title span{margin-right:5px;opacity:1;visibility:visible;transition:all .3s ease}}}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}