*{box-sizing:border-box}body{margin:0;background:#11131a;color:#eee;font:16px system-ui}header,main,.stats,.search{max-width:1100px;margin:auto}header{padding:30px 20px;display:flex;justify-content:space-between;gap:20px;align-items:center}h1{margin:0 0 5px}.btn{background:#eee;color:#111;padding:11px 16px;border-radius:10px;text-decoration:none;border:0;font-weight:700;cursor:pointer}.stats{padding:0 20px 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div,article{background:#191c24;border:1px solid #2b303c;border-radius:12px;padding:15px}.stats b{display:block;font-size:22px}.stats span{color:#a5abb7}.search{padding:0 20px 18px;display:flex;gap:8px}.search input{flex:1;background:#191c24;color:#fff;border:1px solid #343a47;border-radius:9px;padding:12px}main{padding:0 20px 40px}article{display:flex;gap:16px;margin-bottom:8px}article small{color:#777;min-width:42px}h2{margin:0 0 6px;font-size:18px}p{margin:0;color:#adb3bf}p span{margin-right:7px}@media(max-width:650px){header{display:block}.stats{grid-template-columns:1fr}.search{flex-wrap:wrap}.search input{min-width:100%}}.form{padding-top:35px}.form form{display:grid;gap:12px;max-width:600px;margin-top:20px}.form label{display:grid;gap:6px}.form input{padding:12px;background:#191c24;color:#fff;border:1px solid #343a47;border-radius:8px}
.login-wrap{max-width:380px;margin:60px auto;text-align:center}
.login-wrap p{color:#adb3bf;margin:6px 0 20px}
.error{color:#ff6b6b!important;font-weight:600}
.hp-field{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}