:root{--navy:#0b143f;--yellow:#fff000;--blue:#184d78}*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:var(--navy);font:16px/1.5 Arial,sans-serif}.top{background:var(--yellow);padding:8px 24px;font-size:12px}.top span{float:right}header{background:var(--navy);display:flex;gap:22px;align-items:center;padding:18px 28px;color:white}header img{width:90px}header strong{font-size:20px}header strong span{font-weight:normal;font-size:14px;color:#cbd2e5}main{display:grid;grid-template-columns:38% 62%;min-height:calc(100vh - 118px)}aside{background:linear-gradient(0deg,rgba(11,20,63,.95),rgba(11,20,63,.08)),url('/static/hero.jpg') center/cover;display:flex;align-items:end;padding:48px;color:white}aside b{color:var(--yellow);font-size:13px;letter-spacing:2px}aside h2{font-size:44px;line-height:1.1}section{padding:40px;max-width:820px}article{background:white;padding:34px;border-top:5px solid var(--yellow);border-radius:16px;box-shadow:0 8px 24px #101c4010}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--blue);font-weight:bold}h1{font-size:32px;line-height:1.2;margin:12px 0}p{color:#667180}label{display:block;font-size:14px;font-weight:bold;margin:20px 0}input:not([type=checkbox]){display:block;width:100%;padding:14px;border:1px solid #ccd2de;border-radius:8px;font:inherit;margin-top:8px}.check{display:flex;align-items:start;gap:10px;font-weight:normal}.check input{flex:none;margin-top:5px}a{color:var(--blue)}button{background:var(--yellow);color:var(--navy);border:0;border-radius:8px;padding:16px;width:100%;font-size:16px;font-weight:bold;cursor:pointer}button:hover{background:#eadc00}small{display:block;margin-top:16px;color:#667180;font-size:12px}.info{background:#eaf2fa;border-left:4px solid var(--blue);border-radius:10px;padding:18px 22px;margin-top:22px}.info p{font-size:14px;margin:5px 0}footer{font-size:12px;color:#78828f;margin:24px 0}.error{color:#a52222}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:700px){main{grid-template-columns:1fr}aside{min-height:210px;padding:26px}aside h2{font-size:30px;margin:10px 0}aside p{display:none}section{padding:20px}article{padding:24px}h1{font-size:28px}header strong span{display:none}.top span{display:none}}