#background-page1{background:#c180e7;background:var(--background-gradient);min-height:100vh}.box-page1{min-height:100vh;width:45vw;background-color:var(--color-white-page);margin:0 auto;display:flex;flex-direction:column;text-align:center;-webkit-box-shadow:0px 0px 7px 3px rgba(77,77,77,1);-moz-box-shadow:0px 0px 7px 3px rgba(77,77,77,1);box-shadow:0 0 7px 3px #4d4d4d}.title-page1{margin-top:8%;background:none;margin-bottom:3vh}.title-page1>h1{font-size:clamp(24px,1.2rem + 2vw,4vw);margin-bottom:1.1vh}.title-page1>h2{font-size:clamp(13px,.7rem + .7vw,4vw);font-weight:100}.title-page1 h1,.title-page1 h2{color:var(--color-font)}#alert-login{height:5vh;width:100%;margin-bottom:2vh;display:flex;align-items:center;justify-content:center}#alert-login>#background{width:50%;height:100%;border-radius:8px}#alert-login p{font-size:1.1vw;position:absolute;font-weight:700}#form-page1{display:flex;flex-direction:column;text-align:left;padding:0 6.5vw}#form-page1>.category-page1{display:flex;flex-direction:column;position:relative;margin-bottom:5.5vh}.category-page1 label{color:var(--color-font);margin-bottom:1vh;font-size:clamp(15px,.7rem + .7vw,4vw);font-weight:700}.category-page1,.input-container{position:relative;width:100%}.category-page1 input{width:100%;padding:clamp(12px,.7vh + .3vw,6vh);padding-right:3.2rem;border-radius:.4vw;border:.2vw solid transparent;outline:none;background-color:#e1e1e1;font-size:clamp(12px,.9vw + .3rem,5vw);box-sizing:border-box}.category-page1:nth-child(2) input{padding-right:4vw!important}.category-page1 input:focus{border:.2vw solid var(--color-purple2)}.category-page1 #show-eye{position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);height:clamp(16px,4.5vh,115px);width:auto;cursor:pointer;pointer-events:all}#login-button{margin:6% auto 0;background-color:var(--color-purple1);border:none;width:27vw;height:7.5vh;display:flex;justify-content:center;align-items:center;color:#fff;font-size:clamp(14px,.3rem + 1vw,4vw);font-weight:700;border-radius:.6vw;cursor:pointer;box-shadow:2px 4px 8px #0003;transition:all .3s ease-in-out}#login-button:hover{background-color:var(--color-purple2);transform:scale(1.05)}#load-svg{width:3.5vw}.register-div{margin:2.2vw auto}.register-div h3{font-size:clamp(12px,.5rem + .7vw,4vw);font-weight:700}#register-page{margin-top:2vh;border:.1vw solid var(--color-purple1);color:var(--color-purple1);font-size:clamp(14px,.3rem + 1vw,4vw);font-weight:700;padding:2vh 7vw;border-radius:.6vw;cursor:pointer;box-shadow:2px 4px 8px #0003;transition:all .3s ease-in-out}#register-page:hover{background-color:var(--color-purple2);color:#fff;transform:scale(1.02)}@media screen and (max-width: 425px){.box-page1{width:98vw}#alert-login{margin-bottom:0vh}#alert-login p{font-size:clamp(12px,2.4vw + .6rem,5vw)}.title-page1>h1{font-size:clamp(27px,1.2rem + 1.5vw,4vw)}.title-page1>h2{font-size:clamp(15px,.7rem + 1vw,5vw)}#form-page1{margin-top:4%}#form-page1>.category-page1{margin-bottom:6vh}.category-page1 label{font-size:clamp(15px,1rem + 1.7vw,5.5vw)}.category-page1 input{border-radius:1.3vw;font-size:clamp(14px,.9vw + .3rem,1.5vw);padding:clamp(12px,1vh + .3vw,6vh)}.category-page1:nth-child(2) input{padding-right:14vw!important}#load-svg{width:calc(17px + 5vw)}#login-button{margin-top:3%;width:60vw;height:9vh;border-radius:1.2vw}#register-page{padding:2.5vh 16vw}.register-div h3{margin-top:3vh;font-size:clamp(14px,.8rem + 1.5vw,4vw)}}@media screen and (max-width: 1024px) and (min-width: 426px){.box-page1{width:80vw}.title-page1 h1{font-size:clamp(38px,1.3rem + 3vw,7vw)}.title-page1 h2{font-size:clamp(16px,.9rem + 1vw,4vw)}#alert-login{margin-bottom:0vh}#alert-login p{font-size:clamp(12px,1.4vw + .3rem,5vw)}#form-page1{margin-top:3%;padding:0 10vw}#form-page1>.category-page1{margin-bottom:6vh}.category-page1 label{font-size:calc(.7rem + 1vw)}.category-page1 input{padding:clamp(11px,.8vh + .6vw,1.3vw);font-size:clamp(14px,.9vw + .8rem,1.5vw)}.category-page1:nth-child(2) input{padding-right:5.5vw!important}#login-button{width:31vw;height:9.5vh;margin-top:4%}.register-div{margin-top:4%}.register-div h3{font-size:clamp(13px,.8rem + .9vw,4vw)}#register-page{padding:3vh 9vw}}@media screen and (min-width: 2038px){.title-page1>h1{font-size:clamp(58px,1.4rem + 2.3vw,5vw);margin-bottom:1.1vh}.title-page1>h2{font-size:clamp(23px,.7rem + .9vw,4vw)}.category-page1 input{padding:calc(.5vh + .5vw);font-size:calc(.8vw + .6rem)}.category-page1 label{font-size:calc(.7rem + 1vw)}#login-button{margin-top:5vh;width:28vw;height:8vh}.register-div h3{font-size:clamp(1vw,.6rem + .8vw,4vw)}#register-page{padding:2.8vh 7.8vw}}@media screen and (min-width: 4077px){.title-page1>h1{font-size:clamp(58px,1.4rem + 2.8vw,5vw);margin-bottom:1.1vh}.title-page1>h2{font-size:clamp(49px,.8rem + 1.1vw,4vw)}.category-page1 label{font-size:calc(.7rem + 1.1vw)}.category-page1 input{padding:calc(.6vh + .5vw);font-size:clamp(17px,.8vw + 1.4rem,5vw)}.register-div h3{font-size:clamp(1vw,.6rem + 1vw,4vw)}}#background-page{background-color:var(--color-background);background:#c180e7;background:var(--background-gradient)}.box-page{height:100vh;width:80vw;background-color:var(--color-white-page);margin:auto;display:flex;flex-direction:column;align-items:center;-webkit-box-shadow:0px 0px 7px 3px rgba(77,77,77,1);-moz-box-shadow:0px 0px 7px 3px rgba(77,77,77,1);box-shadow:0 0 7px 3px #4d4d4d}#icon{width:18vw;margin-top:3vh;border:.2vw solid gray;border-radius:50%}.data-box{width:65%;margin-top:4vh;flex-wrap:wrap;display:flex;justify-content:space-between}.title{margin-top:6vh}.data-box p{font-size:1.2vw;font-weight:700;margin-left:.3vw}.category{width:23vw;height:6.4vh;background-color:#d5d5d5;border:.2vw solid #969696;border-radius:.5vw;margin-top:.6vh;display:flex;justify-content:center;align-items:center;text-align:center;font-size:clamp(14px,.9vw + .4rem,3vw)}#exit-button{margin:6vh auto;background-color:var(--color-purple1);color:#fff;border:none;font-size:clamp(14px,.3rem + 1vw,4vw);font-weight:700;padding:2.2vh 12vw;border-radius:.6vw;cursor:pointer;box-shadow:2px 4px 8px #0003;transition:all .3s ease-in-out}#exit-button:hover{background-color:var(--color-purple2);transform:scale(1.05)}@media screen and (max-width: 425px){.box-page{width:90vw}#icon{width:18vw;min-width:110px}.data-box{width:83%;flex-direction:column}.title{margin-top:0}.data-box p{font-size:calc(3vw + .2rem);margin-top:3vh}#first{margin-top:0}.category{width:100%}#exit-button{padding:2.4vh 17vw;border-radius:1vw}}@media screen and (max-width: 768px) and (min-width: 427px){.data-box p{font-size:1.7vw}.data-box{width:75%}.category{width:25vw;height:6.7vh;font-size:clamp(14px,.9vw + .4rem,3vw);padding:2.6vh 14vw}#exit-button{padding:2.2vh 14vw}}@media screen and (min-width: 2038px){.category{font-size:clamp(14px,1vw + .4rem,3vw)}}#background-page2{background:var(--background-gradient);min-height:100vh}.box-page2{min-height:100vh;width:50vw;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;background-color:var(--color-white-page);-webkit-box-shadow:0px 0px 7px 3px rgba(77,77,77,1);-moz-box-shadow:0px 0px 7px 3px rgba(77,77,77,1);box-shadow:0 0 7px 3px #4d4d4d}#back-button{width:3vw;height:3vw;background-color:var(--color-purple1);border-radius:50%;text-decoration:none;margin-top:1vh;display:flex;align-items:center;justify-content:center;position:relative;left:-41%;transition:all .3s ease-in-out}#back-button:hover{transform:scale(1.05);background-color:var(--color-purple2)}#back-button:after{content:"←";font-size:clamp(24px,3vw,40px);color:#fff;position:relative;display:inline-block}.title-page2{margin-bottom:2vh}.title-page2>h1{font-size:clamp(20px,1px + 1.2rem + 1.6vw,4vw);margin-bottom:1.1vh}.title-page2>h2{font-size:clamp(14px,.5rem + .8vw,4vw);font-weight:100}h1,h2{background:none;color:var(--color-font)}#alert-re{height:5vh;width:100%;background-color:green;margin-bottom:2vh;display:flex;align-items:center;justify-content:center}#alert-re>#background{width:50%;height:100%;border-radius:8px}#alert-re p{font-size:1.1vw;position:absolute;font-weight:700}#form-page2{text-align:left;margin-bottom:6vh;width:100%;display:flex;flex-direction:column;align-items:center}#form-page2>.category-page2{display:flex;flex-direction:column;width:64%;position:relative;margin-bottom:3.7vh}#form-page2 label{background:none;color:var(--color-font);margin-bottom:1vh;font-size:calc(.7rem + .7vw);font-weight:700}.category-page2,.input-container2{position:relative;width:100%}.category-page2:nth-child(4) input{padding-right:4vw!important}#form-page2 #show-eye{position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);height:clamp(16px,4.5vh,115px);width:auto;cursor:pointer;pointer-events:all}#form-page2 input{padding:calc(.7vh + .3vw);font-size:calc(.9vw + .3rem);width:100%;border-radius:.4vw;border:.2vw solid transparent;background-color:var(--color-gray);outline:none;box-sizing:border-box}input::placeholder{color:#8a8a8a}#form-page2 input:focus{border:.2vw solid var(--color-purple2)}#state-date{display:flex;align-items:center;justify-content:space-between;width:64%;margin-bottom:3.7vh}#state-date>#date-div-page2{width:70%;display:flex;flex-direction:column}#date-div-page2>input{width:46%;min-width:140px}#state-date>div:nth-child(2){display:flex;flex-direction:row;align-items:center;gap:.5vw;padding:calc(.7vh + .3vw);font-size:calc(.9vw + .3rem)}#form-page2 select{padding:calc(.6vh + .6vw);border-radius:.4vw;border:.2vw solid transparent;background-color:var(--color-gray);outline:none;font-size:calc(.9vw + .3rem)}#state-date select:focus{border:.2vw solid var(--color-purple2)}#register-button{margin:0 auto;margin-top:2.5vh;background-color:var(--color-purple1);border:none;width:30.5vw;height:7.7vh;display:flex;justify-content:center;align-items:center;color:#fff;font-size:clamp(14px,.3rem + 1vw,4vw);font-weight:700;border-radius:.6vw;cursor:pointer;box-shadow:2px 4px 8px #0003;transition:all .3s ease-in-out}#register-button:hover{background-color:var(--color-purple2);transform:scale(1.05)}@media screen and (max-width: 425px){#background-page2{min-width:100%}#back-button{width:10vw;height:10vw}.box-page2{min-width:97%}.title-page2>h1{font-size:clamp(22px,3.8vw + 1.5rem,40px)}.title-page2>h2{font-size:clamp(15px,.7vw + .5rem,25px)}#alert-re p{font-size:clamp(14px,1.8vw + .3rem,4vw)}#alert-re{top:16vh}#form-page2{margin-bottom:10vh}#form-page2>.category-page2{width:80%}#form-page2 label{font-size:clamp(10px,1.9vw + .8rem,5vw)}#form-page2 input{padding:clamp(8px,1.2vh + .6vw,3vw);font-size:calc(2.5vw + .6rem);border-radius:1vw}#date-div-page2>input{width:65%;min-width:39vw}.category-page2:nth-child(4) input{padding-right:12vw!important}#state-date>div:nth-child(2){flex-direction:column;gap:0}#state-date{width:80%}#form-page2 select{font-size:clamp(15px,2vw + .6rem,3vw);padding:clamp(8px,1.3vh + 1vw,100px)}#form-page2 #show-eye{left:86%;height:5.3vh;top:46%}#register-button{width:50vw;height:8vh;border-radius:1vw}}@media screen and (max-width: 768px) and (min-width: 426px){.box-page2{min-width:97%}#back-button{width:5vw;height:5vw}.title-page2>h1{font-size:clamp(30px,3.6vw + 1.1rem,50px)}.title-page2>h2{font-size:clamp(16px,1.7vw + .5rem,4vw)}#alert-re{top:17%}#alert-re p{font-size:clamp(14px,1vw + .3rem,4vw)}#form-page2 label{font-size:calc(1.3vw + .7rem)}#form-page2 input{font-size:calc(1.7vw + .3rem);padding:calc(1.2vh + .5vw);border-radius:.6vw}.category-page2:nth-child(4) input{padding-right:6vw!important}#date-div-page2>input{width:40%}#form-page2 select{font-size:calc(1.7vw + .3rem);padding:calc(1.2vh + .5vw)}#form-page2 #show-eye{left:93%;height:5.3vh}}@media screen and (min-width: 2038px){#back-button:after{font-size:clamp(.8vw + 23px,1.5rem + 2vw,4vw)}.title-page2>h1{font-size:calc(2vw + 1.1rem);margin-bottom:1.1vh}.title-page2>h2{font-size:calc(1vw + .5rem)}#alert-re{top:18%}#form-page2 input{padding:calc(1vh + .3vw);font-size:calc(1vw + .4rem)}#form-page2 label{font-size:calc(.7vw + .8rem)}}@media screen and (min-width: 4077px){.title-page2>h1{font-size:calc(2.4vw + 1.4rem);margin-bottom:1.1vh}.title-page2>h2{font-size:calc(1.1vw + .6rem)}#form-page2 label{font-size:calc(.9vw + .9rem)}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-size:62.5%;font-family:Archivo,sans-serif}body{background-color:#fcfcfc}:root{--background-gradient: linear-gradient(180deg, rgba(193,128,231,1) 0%, rgba(174,94,221,1) 47%, rgba(156,75,203,1) 100%);--color-purple1: #b763e8;--color-purple2: #9c4bcb;--color-font: #050505;--color-background: #e9e9e9;--color-white-page: #fcfcfc;--color-gray: #e0e0e0}