:root{font-family:Arial,Helvetica,sans-serif;color:#ececf0;background:#25262c}*{box-sizing:border-box}body{margin:0}header{background:#2e3037;border-bottom:2px solid #e50050;padding:17px max(20px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand b{color:#e50050;letter-spacing:2px;font-size:23px}.brand span{display:block;font-size:12px;letter-spacing:3px}main{max-width:1100px;margin:auto;padding:28px 18px 80px}footer{text-align:center;color:#888;padding:20px}nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}nav a,.tile{background:#34363e;padding:12px 15px;border-radius:8px;color:#fff;text-decoration:none}a{color:#f05bb1}h1{font-size:28px}h2{margin-top:26px;font-size:20px}h3{font-size:17px}p{line-height:1.5}article,details{background:#30323a;border:1px solid #383943;padding:20px;border-radius:12px;margin:14px 0}form{max-width:900px}label{display:block;margin:12px 0;color:#c9cad2;font-size:14px}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{display:block;width:100%;margin-top:7px;background:#23252c;border:1px solid #565765;border-radius:6px;color:white;padding:11px;font-size:15px}textarea{min-height:85px}button,.button{background:#e50050;color:white;border:0;border-radius:7px;padding:11px 16px;cursor:pointer;font-weight:bold;text-decoration:none;display:inline-block}.secondary{background:#40414c}.small{padding:7px 9px}.inline{display:inline}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.tile small{display:block;color:#bbb;margin-top:8px}.choice{padding:10px;border:1px solid #444;border-radius:7px}.choice input{margin-right:12px}table{width:100%;border-collapse:collapse;margin-top:15px}th,td{padding:12px;text-align:left;border-bottom:1px solid #454650;vertical-align:top}td small{display:block;color:#aaa}.alert{background:#e50050;color:white;border-radius:30px;padding:3px 9px}details summary{cursor:pointer}button:hover,.tile:hover{filter:brightness(1.18)}@media(max-width:650px){header{display:block}table{font-size:12px}th,td{padding:6px}}

.brand{display:flex;align-items:center;gap:14px}.brand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}.brand b{font-size:23px;letter-spacing:.5px}.brand span{letter-spacing:1px;font-size:11px}footer{max-width:1150px;margin:auto;font-size:12px;line-height:1.6;border-top:1px solid #494a50}article{background:#30323a}a:focus,button:focus,input:focus{outline:2px solid #f7b5d0;outline-offset:2px}