@media (width<=600px){main{width:94%;padding:20px}nav{padding:8px 3%}nav a,nav button{padding:10px 8px}h1{font-size:1.5rem}form{padding:15px}}*{box-sizing:border-box}body{color:#e5e7eb;background-color:#121212;margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}#root{width:100%}main{width:min(1100px,92%);margin:0 auto;padding:32px 0}h1,h2{color:#f3f4f6}h1{margin-top:0;margin-bottom:15px;font-size:2rem}h2{margin-top:30px;margin-bottom:10px;font-size:1.5rem}p{color:#c1c6cc;max-width:750px}a{color:#7cd3a8}a:hover{color:#abf3c9}select{color:#e5e7eb;background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:5px;width:100%;max-width:450px;margin:10px 0 20px;padding:10px 12px}select:focus{outline-offset:2px;outline:2px solid #7cd3a8}button{color:#e5e7eb;cursor:pointer;background-color:#25633c;margin:12px 8px 12px 0;padding:10px 15px}button:hover{background-color:#327a4c}nav{background-color:#1e1e1e;border-bottom:1px solid #3a3a3a;flex-wrap:wrap;align-items:center;gap:10px;padding:0 4%;display:flex}nav a{color:#e5e7eb;padding:15px 10px;font-weight:700;text-decoration:none;display:block}nav a:hover{color:#7cd3a8;background-color:#242424}table{border-collapse:collapse;width:100%;margin-top:10px}th,td{text-align:left;border-bottom:1px solid #3a3a3a;padding:10px}th{color:#e5e7eb;background-color:#242424}tr:hover{background-color:#2a2a2a}ul{line-height:1.7}section ul{padding-left:10px}li{padding:2px 0}form{background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;gap:10px;max-width:500px;margin-top:25px;padding:20px;display:flex}label{margin-top:10px;font-weight:700}input,select{color:#e5e7eb;background-color:#1e1e1e;border:1px solid #3a3a3a;border-radius:5px;width:100%;max-width:450px;margin-bottom:10px;padding:10px 12px}input:focus,select:focus{outline-offset:2px;outline:2px solid #7cd3a8}@media (width<=600px){main{width:94%;padding:20px}nav{padding:8px 3%}nav a,nav button{padding:10px 8px}h1{font-size:1.5rem}form{padding:15px}}