*{box-sizing:border-box}body{margin:0;background:#0c1420;color:#ecf2fb;font:15px system-ui,-apple-system,Arial}header{display:flex;align-items:center;gap:12px;background:#172538;border-bottom:1px solid #314258;padding:18px 26px}header b{font-size:21px}header span{color:#a9bdd2}.grow{flex:1}main{max-width:1200px;margin:35px auto;padding:0 18px}.narrow{max-width:440px;margin:55px auto}.top{display:flex;justify-content:space-between;align-items:center}.columns{display:grid;grid-template-columns:minmax(290px,420px) 1fr;gap:24px}section{background:#142236;border:1px solid #30445c;border-radius:15px;padding:23px}h1{font-size:26px}h2{margin-top:0}label{display:block;margin:15px 0;color:#d1deed}input{display:block;width:100%;background:#0b1522;color:white;border:1px solid #435a72;border-radius:8px;padding:12px;margin-top:7px;font:inherit}button,.btn{display:inline-block;background:#197fa2;border:1px solid #2e90af;color:white;padding:11px 15px;border-radius:9px;text-decoration:none;cursor:pointer;font:inherit}.secondary{background:#263a52;border-color:#455f7a}.danger{background:#7c2734;border-color:#a23a49}.error{color:#ff9b9b}.ok{color:#85e1b3}.hint{font-size:12px;color:#b4c7da;line-height:1.5}article{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #32465d;flex-wrap:wrap}article div{flex:1;min-width:180px}article small{display:block;color:#a7bcd3;overflow-wrap:anywhere;margin-top:4px}a{color:#8ccee9}article img{border-radius:10px;object-fit:contain}@media(max-width:850px){.columns{grid-template-columns:1fr}main{margin:15px auto}header{padding:12px}article{gap:8px}}