*{box-sizing:border-box}body{margin:0;padding:0}:root{--primary-color:#192f59;--secondary-color:#5e839d;--accent-color:#d56d19;--bg-color:#fff7b2;--text-color:#000}body{background-color:var(--bg-color);color:var(--text-color);justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.container{text-align:center;background:#fff;border-radius:8px;width:100%;max-width:600px;padding:2rem;box-shadow:0 4px 6px #0000001a}h1{color:var(--primary-color);margin-bottom:1.5rem}.form-group{text-align:left;margin-bottom:1rem}label{margin-bottom:.5rem;font-weight:700;display:block}input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:.8rem}button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:1rem;padding:.8rem 1.5rem;font-size:1rem}button:hover,button.secondary{background-color:var(--secondary-color)}button.secondary:hover{background-color:var(--primary-color)}.message{color:var(--accent-color);margin-top:1rem;font-weight:700}table{border-collapse:collapse;width:100%;margin-top:1.5rem}th,td{text-align:left;border:1px solid #eee;padding:.8rem}th{background-color:var(--secondary-color);color:#fff}.count{color:var(--primary-color);font-size:1.2rem;font-weight:700}