*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{color:#fff;background:#000;flex-direction:column;min-height:100%;font-family:Arial,sans-serif;font-weight:400;display:flex}ul{list-style:none}body:after{content:"";z-index:-2;opacity:.6;background:url(/assets/home_background-Jk24UGCt.webp) 50%/cover no-repeat;position:absolute;inset:0;box-shadow:inset 0 50px 300px #000,inset 0 -50px 300px #000}.logo{z-index:1;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative}.header .logo .title{color:orange;text-transform:capitalize;font-variant:small-caps;font-family:Georgia;font-size:50px;text-decoration:none}.login-page{width:450px;margin:auto}.form{text-align:center;isolation:isolate;border-radius:10px;flex-direction:column;margin:3rem auto;padding:2rem;display:flex;position:relative}.form h1{color:#fff;text-align:left;padding-bottom:1em}.form #message{color:red;border:1px solid red;border-radius:10px;margin:0 0 2em;padding:10px;font-size:1rem;display:none}.form input{box-sizing:border-box;color:#fff;background:#333;border:0;border-radius:10px;outline:0;width:100%;margin:0 0 2em;padding:15px;font-size:1.25rem;font-weight:500}.form input:focus{color:#000;background:#fff}#togglepw{z-index:2;color:#000;cursor:pointer;margin-top:20px;margin-left:-25px;position:absolute}.form button{cursor:pointer;color:#000;background:orange;border:0;border-radius:10px;outline:0;width:100%;padding:1em;font-size:1.25rem;font-weight:400}.form button:hover{color:#fff}.form a{color:#fff;align-self:flex-end;margin-top:2em;text-decoration:none}.form a:hover{text-decoration:underline}footer{width:70%;margin:3rem auto}footer .links>*{margin-bottom:20px}footer p{margin-bottom:2rem}footer p a{color:#20b2aa;text-decoration:none}footer .links ul{grid-gap:1rem;grid-template-columns:repeat(4,1fr);display:grid}footer .links a{color:#fff;text-decoration:none}footer .links a:hover{text-decoration:underline}footer .language{color:#fff;cursor:pointer;text-align:left;text-indent:18px;direction:ltr;background-color:#000;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20id='Language'%3e%3cpath%20fill='none'%20d='M0%200h24v24H0V0z'%3e%3c/path%3e%3cpath%20d='M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zm6.93%206h-2.95c-.32-1.25-.78-2.45-1.38-3.56%201.84.63%203.37%201.91%204.33%203.56zM12%204.04c.83%201.2%201.48%202.53%201.91%203.96h-3.82c.43-1.43%201.08-2.76%201.91-3.96zM4.26%2014C4.1%2013.36%204%2012.69%204%2012s.1-1.36.26-2h3.38c-.08.66-.14%201.32-.14%202s.06%201.34.14%202H4.26zm.82%202h2.95c.32%201.25.78%202.45%201.38%203.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66%202.49-2.93%204.33-3.56C8.81%205.55%208.35%206.75%208.03%208zM12%2019.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43%201.43-1.08%202.76-1.91%203.96zM14.34%2014H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16%201.32.16%202s-.07%201.34-.16%202zm.25%205.56c.6-1.11%201.06-2.31%201.38-3.56h2.95c-.96%201.65-2.49%202.93-4.33%203.56zM16.36%2014c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26%201.31.26%202s-.1%201.36-.26%202h-3.38z'%20fill='%23ffffff'%20class='color000000%20svgShape'%3e%3c/path%3e%3c/svg%3e");background-position:8px;background-repeat:no-repeat;background-size:1rem;border-radius:10px;width:100px;height:2rem;padding:0 0 0 5px}footer .language option{direction:ltr}footer .language:focus{outline:none}@media (width>=550px){.footer-bg{isolation:isolate;margin-top:auto;position:relative}.footer-bg:after{content:"";z-index:-1;opacity:.8;background-color:#000;width:100%;position:absolute;inset:0}.form:after{content:"";z-index:-1;opacity:.8;background-color:#000;border-radius:10px;width:100%;position:absolute;inset:0}}@media (width<=768px){footer .language{-webkit-appearance:none;padding:0 0 0 10px}}@media (width<=550px){.header{border-bottom:2.5px solid #333}.header .logo{padding:1rem}.header .logo .title{font-size:40px}.login-page{width:100%}.form{opacity:1;background-color:#000;padding:1rem 2rem}body:after{content:"";z-index:-2;box-shadow:none;opacity:1;background:#000 50%/cover;position:absolute;inset:0}.footer-bg{border-top:2.5px solid #333}footer{width:100%;margin:0;padding:1rem 2rem}footer .links ul{grid-gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (width<=400px){.header .logo .title{font-size:35px}.form input,.form button{font-size:1em}}