:root{font-family:Inter,system-ui,sans-serif;color:#eef7f4;background:#080d14}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:32px 20px}header,section{border:1px solid #293b49;border-radius:16px;padding:24px;background:#101925}header{margin-bottom:20px}header p{margin:0;color:#090;font-weight:900;letter-spacing:.08em}h1{margin:8px 0}header span{color:#9db0bb}h2{margin-top:0}form{display:flex;gap:10px}input{flex:1;min-height:44px;border:1px solid #405465;border-radius:9px;padding:10px;color:#fff;background:#0b111b}button{border:1px solid #009900;border-radius:9px;padding:10px 16px;color:#fff;background:#007a00;font-weight:850}.users{display:grid;gap:9px;margin-top:20px}article{display:flex;align-items:center;gap:12px;border:1px solid #293b49;border-radius:11px;padding:11px;background:#0b111b}article img,article>span{display:grid;width:44px;height:44px;place-items:center;border:2px solid #56baff;border-radius:50%;object-fit:cover;background:#174d86;font-weight:900}article div{display:grid;gap:3px}small{color:#9db0bb}@media(max-width:600px){form{flex-direction:column}}