:root{--atp-navy:#00285e;--atp-blue:#005eb8;--atp-yellow:#f9d616;--atp-white:#fff;--atp-gray-light:#f3f3f3;--atp-gray-medium:#e5e5e5;--atp-gray-dark:#666;--atp-black:#111;--atp-font:"Roboto", sans-serif;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--atp-font);background-color:var(--atp-gray-light);color:var(--atp-black);line-height:1.4}#app-container{flex-direction:column;min-height:100vh;display:flex}.site-header{background-color:var(--atp-navy);color:var(--atp-white);border-bottom:4px solid var(--atp-yellow);padding:0 1rem}.nav-container{max-width:var(--max-width);justify-content:space-between;align-items:center;height:70px;margin:0 auto;display:flex}.logo{color:var(--atp-white);flex-direction:column;font-weight:900;line-height:.9;text-decoration:none;display:flex}.logo-text{font-size:1.8rem}.logo-subtext{color:var(--atp-yellow);letter-spacing:2px;font-size:.9rem}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--atp-white);letter-spacing:1px;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--atp-yellow)}.main-content{max-width:var(--max-width);flex:1;width:100%;margin:2rem auto;padding:0 1rem}.site-footer{background-color:var(--atp-navy);color:var(--atp-white);text-align:center;margin-top:4rem;padding:2rem 1rem;font-size:.8rem}.atp-table-container{background-color:var(--atp-white);border-radius:4px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.atp-table{border-collapse:collapse;width:100%}.atp-table thead{background-color:var(--atp-gray-medium)}.atp-table th{text-align:left;text-transform:uppercase;color:var(--atp-gray-dark);border-bottom:1px solid var(--atp-gray-medium);padding:12px 16px;font-size:.75rem;font-weight:900}.atp-table td{border-bottom:1px solid var(--atp-gray-light);padding:16px;font-size:.9rem}.atp-table tr:last-child td{border-bottom:none}.rank-cell{width:60px;color:var(--atp-navy);font-weight:900}.player-cell{color:var(--atp-blue);font-weight:700;text-decoration:none}.player-cell:hover{text-decoration:underline}.points-cell{color:var(--atp-navy);font-weight:900}.atp-card{background-color:var(--atp-white);border-radius:4px;max-width:500px;margin:0 auto;padding:2.5rem;box-shadow:0 4px 20px #00000014}.atp-card h2{color:var(--atp-navy);text-transform:uppercase;text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:900}.form-group{margin-bottom:1.5rem}.form-group label{text-transform:uppercase;color:var(--atp-gray-dark);margin-bottom:.5rem;font-size:.75rem;font-weight:900;display:block}.form-control{border:1px solid var(--atp-gray-medium);width:100%;font-family:var(--atp-font);border-radius:4px;padding:12px;font-size:1rem}.atp-btn{background-color:var(--atp-blue);width:100%;color:var(--atp-white);text-transform:uppercase;cursor:pointer;letter-spacing:1px;border:none;border-radius:4px;padding:14px;font-weight:900;transition:background-color .2s}.atp-btn:hover{background-color:var(--atp-navy)}.error-msg{color:#e74c3c;margin-top:.5rem;font-size:.85rem;font-weight:700}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem;height:auto;padding:1rem 0}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.nav-links a{font-size:.75rem}.logo{align-items:center}.main-content{margin:1rem auto}.atp-card{padding:1.5rem}.atp-table th,.atp-table td{padding:10px;font-size:.8rem}.rank-cell{width:40px}}@media (max-width:480px){.logo-text{font-size:1.5rem}.nav-links{gap:.8rem}.nav-links a{font-size:.7rem}}