*{box-sizing:border-box}body{margin:0;background:#f3f6f5;color:#193741;font:15px system-ui}main{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.intro{background:#143a45;color:white;padding:70px 12%;display:flex;justify-content:center;flex-direction:column}.intro>b{letter-spacing:4px;color:#c6e99b}.intro h1{font-size:68px;line-height:1.12;letter-spacing:-3px}.intro p{max-width:330px;color:#c5d8df;line-height:1.8}.intro small{color:#91aeb9}.form{width:100%;max-width:540px;align-self:center;padding:45px 55px}.tag{font-size:10px;letter-spacing:2px;color:#6b8268}h2{font-size:30px;letter-spacing:-1px}p{color:#6c8089;line-height:1.7}label{display:block;font-weight:600;font-size:13px;margin:18px 0 8px}input{display:block;width:100%;padding:13px;margin-top:7px;background:white;border:1px solid #cbd7da;border-radius:6px;font:16px system-ui}input:focus{outline:2px solid #90ad73}button{background:#1c4650;border:0;color:white;padding:15px;width:100%;border-radius:6px;margin-top:25px;cursor:pointer;font-weight:700}a{color:#256976;font-weight:600}small{font-size:11px;color:#7c8f96;line-height:1.6}.rules{padding:0;list-style:none;font-size:12px;line-height:1.9;color:#85939a}.ok{color:#25813c;font-weight:600}#match{font-size:12px}.error{padding:14px;background:#fff0e7;color:#854722;border-radius:5px;line-height:1.6}@media(max-width:750px){main{grid-template-columns:1fr}.intro{padding:25px}.intro h1,.intro small{display:none}.intro p{margin-bottom:0}.form{padding:30px 25px;max-width:none}}