:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#070e0a;color:#f1f4ef;font:16px/1.6 system-ui,Arial,sans-serif}header{padding:20px max(20px,calc((100vw - 1000px)/2));background:#0d1c12;border-bottom:2px solid #d2a949}header>a{font-weight:900;color:#e7c76b;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px}a{color:#7afc91}nav a{font-size:14px;text-decoration:none}main{max-width:900px;margin:40px auto;padding:0 20px;min-height:65vh}h1{font-size:clamp(30px,5vw,50px);text-transform:uppercase}h2{color:#e7c76b}.panel{background:#122017;border:1px solid #35583d;border-radius:12px;padding:24px;margin:20px 0}label{display:block;margin:16px 0;font-weight:600}input{display:block;margin-top:5px;width:100%;max-width:400px;padding:13px;background:#07120a;border:1px solid #65816c;border-radius:6px;color:white;font-size:18px}button{padding:13px 24px;border:0;border-radius:6px;background:#3bee68;color:#09210e;font-weight:900;cursor:pointer}.error{padding:12px;background:#451a1a;border-radius:6px}.match{padding:12px 0;border-bottom:1px solid #35583d}footer{text-align:center;padding:20px;color:#c9ba85}