@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&family=Zen+Kaku+Gothic+Antique&display=swap";body{box-sizing:border-box;padding:0;margin:0}*{font-family:Zen Kaku Gothic Antique}section.cover{background-image:linear-gradient(to bottom,#59599b,#24243e,#0f0c29);height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}div.logo{display:flex;align-items:center;column-gap:18px}figure{margin:0;padding:0;box-sizing:border-box}figure img{object-fit:contain;max-width:100%}section{color:#fff;display:flex;flex-direction:column;align-items:center;row-gap:20px}section h2{width:60%;font-size:39px;line-height:46px;text-align:center;margin:0}section p{color:#bdbdbd;font-size:16px;font-weight:400;line-height:28px;margin:0;text-align:center;width:70%}form{box-sizing:border-box;display:flex;flex-direction:column;row-gap:10px}form div input{background-repeat:no-repeat;background-position:10px center;background-size:20px;padding-left:40px}form div:first-child input{background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 19 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.4502 10.5C7.66387 10.5 6.01323 9.54701 5.12007 8C4.2269 6.453 4.2269 4.54701 5.12007 3C6.01323 1.453 7.66386 0.500001 9.45019 0.5C11.2365 0.5 12.8872 1.45299 13.7803 3C14.6735 4.547 14.6735 6.45299 13.7803 8C12.8872 9.547 11.2365 10.5 9.4502 10.5H9.4502ZM9.45019 8.5C11.107 8.5 12.4502 7.15686 12.4502 5.50001C12.4502 3.84316 11.1071 2.50001 9.4502 2.5C7.79335 2.5 6.4502 3.84313 6.4502 5.49999C6.45019 7.15684 7.79332 8.49999 9.45017 8.5H9.45019ZM18.4502 19.5C18.4502 19.8573 18.2596 20.1874 17.9502 20.366C17.6408 20.5447 17.2596 20.5447 16.9502 20.366C16.6408 20.1874 16.4502 19.8573 16.4502 19.5V17.5C16.4502 15.8431 15.107 14.5 13.4502 14.5H5.4502C3.79334 14.5 2.4502 15.8431 2.4502 17.5V19.5C2.4502 19.8573 2.2596 20.1874 1.9502 20.366C1.64079 20.5447 1.2596 20.5447 0.950196 20.366C0.640794 20.1874 0.450195 19.8573 0.450195 19.5V17.5C0.450195 14.7386 2.68877 12.5 5.4502 12.5H13.4502C16.2116 12.5 18.4502 14.7386 18.4502 17.5V19.5Z' fill='%239E9E9E'/%3E%3C/svg%3E")}form div:nth-of-type(2) input{background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 21 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.4502 0.5H18.4502C19.5548 0.5 20.4502 1.39543 20.4502 2.5V14.5C20.4502 15.6046 19.5548 16.5 18.4502 16.5H2.4502C1.34563 16.5 0.450195 15.6046 0.450195 14.5V2.5C0.450195 1.4 1.3502 0.5 2.4502 0.5ZM18.4502 3.88V2.5H2.4502V3.88L10.4502 7.88L18.4502 3.88ZM18.4502 6.12L10.9002 9.88999C10.6171 10.0326 10.2832 10.0326 10.0002 9.88999L2.4502 6.12V14.5H18.4502V6.12Z' fill='%239E9E9E'/%3E%3C/svg%3E")}form div:nth-of-type(3) input{background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 14 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9018 9.20972H2.77274C2.13138 9.20972 1.61145 9.72964 1.61145 10.371V16.1775C1.61145 16.8188 2.13138 17.3387 2.77274 17.3387H10.9018C11.5431 17.3387 12.0631 16.8188 12.0631 16.1775V10.371C12.0631 9.72964 11.5431 9.20972 10.9018 9.20972ZM2.77278 8.04834C1.49005 8.04834 0.450195 9.08819 0.450195 10.3709V16.1774C0.450195 17.4601 1.49005 18.5 2.77278 18.5H10.9018C12.1845 18.5 13.2244 17.4601 13.2244 16.1774V10.3709C13.2244 9.08819 12.1845 8.04834 10.9018 8.04834H2.77278ZM2.77283 4.56452C2.77283 3.11241 3.54752 1.7706 4.80508 1.04454C6.06265 0.318487 7.61203 0.318486 8.8696 1.04454C10.1272 1.7706 10.9019 3.1124 10.9019 4.56451V8.04839H9.74057V4.56452C9.74057 2.96111 8.44075 1.66129 6.83735 1.66129C5.23395 1.66129 3.93413 2.9611 3.93412 4.5645V8.04839H2.77283V4.56452Z' fill='%239E9E9E'/%3E%3C/svg%3E")}form div:nth-last-child(2) input{background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 14 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.9018 9.20972H2.77274C2.13138 9.20972 1.61145 9.72964 1.61145 10.371V16.1775C1.61145 16.8188 2.13138 17.3387 2.77274 17.3387H10.9018C11.5431 17.3387 12.0631 16.8188 12.0631 16.1775V10.371C12.0631 9.72964 11.5431 9.20972 10.9018 9.20972ZM2.77278 8.04834C1.49005 8.04834 0.450195 9.08819 0.450195 10.3709V16.1774C0.450195 17.4601 1.49005 18.5 2.77278 18.5H10.9018C12.1845 18.5 13.2244 17.4601 13.2244 16.1774V10.3709C13.2244 9.08819 12.1845 8.04834 10.9018 8.04834H2.77278ZM2.77283 4.56452C2.77283 3.11241 3.54752 1.7706 4.80508 1.04454C6.06265 0.318487 7.61203 0.318486 8.8696 1.04454C10.1272 1.7706 10.9019 3.1124 10.9019 4.56451V8.04839H9.74057V4.56452C9.74057 2.96111 8.44075 1.66129 6.83735 1.66129C5.23395 1.66129 3.93413 2.9611 3.93412 4.5645V8.04839H2.77283V4.56452Z' fill='%239E9E9E'/%3E%3C/svg%3E")}p{color:red;font-size:14px;margin:0}div{box-sizing:border-box;overflow:hidden}input{box-sizing:border-box;width:100%;padding:15px 30px}button{flex-grow:1;width:100%;font-size:16px;display:flex;align-items:center;justify-content:space-between;padding:15px 30px;color:#fff;background-color:#24243e;border:none}ul{list-style:none;display:flex;align-items:center;justify-content:space-between;margin:0;padding:20px}ul li:nth-of-type(1) a{display:flex;align-items:center;column-gap:8px}ul a{font-weight:100;line-height:22.5px;font-size:12.8px;color:#424242;text-decoration:none}ul a span{font-weight:900;text-transform:uppercase;text-decoration:underline;color:#212121}footer.principal{padding:20px;display:flex;justify-content:space-between}footer.principal>p{color:#9e9e9e}footer.principal>p:nth-of-type(2) a{display:flex;align-items:center;column-gap:12px;color:#9e9e9e}div.main{display:grid;grid-template-rows:auto 1fr auto;height:100vh}div.main>main{display:flex;flex-direction:column;align-self:center;justify-content:center;width:45%;margin:0 auto}div.main>main h1{text-align:center;font-size:25px;font-weight:700;color:#212121;line-height:44px;margin:0;text-transform:uppercase}div.main>main p.signup{color:#525252;text-align:center;font-size:16px;font-weight:400;line-height:28.2px;text-transform:uppercase;margin:5px 0 35px;padding:0}main.principal{display:grid;grid-template-columns:1fr 2fr;width:100vw}
