*{box-sizing:border-box}body{margin:0;background:#edf1f6;color:#1c2d44;font:15px/1.6 system-ui,sans-serif}main{max-width:1200px;min-height:650px;margin:7vh auto;display:grid;grid-template-columns:36% 64%;background:white;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #142c4520}aside{padding:48px 34px;background:#142b46;color:#fff}aside span{display:block;color:#f4bd31;letter-spacing:2px;font-size:11px;margin-top:50px}h1{font-size:30px;line-height:1.3}aside p{color:#bbcadb}.logo{width:180px;height:174px;overflow:hidden;border-radius:12px;background:white}.logo img{width:180px;display:block;transform:translateY(-2px);clip-path:inset(0 0 3% 0)}section{padding:54px 40px;overflow:auto}h2{font-size:27px;margin-top:0}section>p{color:#617086}label{display:block;font-weight:600}input:not([type=checkbox]){display:block;width:100%;padding:13px;border:1px solid #d3dce6;border-radius:8px;margin:6px 0 18px;font:inherit}button,input[type=submit],.button{border:0;background:#142b46;color:white!important;border-radius:8px;padding:12px 22px;cursor:pointer;font:inherit;text-decoration:none}a{color:#245c91}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px;border-bottom:1px solid #e0e6ee}header{display:flex;justify-content:space-between;gap:15px}details{margin-top:35px}summary{cursor:pointer}#loginform{max-width:370px}h3{margin-top:30px}@media(max-width:760px){main{margin:0;grid-template-columns:1fr;border-radius:0}aside{padding:25px}aside h1,aside p,aside span{display:none}.logo{width:130px;height:126px}.logo img{width:130px}section{padding:30px 20px}}