:root{--primary-color: #0a66c2;--primary-hover: #004182;--bg-color: #f3f2ef;--text-color: #1d2226;--nav-bg: #283e4a;--nav-text: #ffffff;--card-bg: #ffffff;--card-shadow: 0 2px 8px rgba(0, 0, 0, .1)}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color)}nav{background-color:var(--nav-bg);padding:1rem;display:flex;gap:1rem;align-items:center}nav a{color:var(--nav-text);text-decoration:none;font-weight:500;transition:color .3s ease}nav a:hover{color:var(--primary-color)}nav button{background:transparent;border:none;color:var(--nav-text);font-size:1rem;cursor:pointer;transition:color .3s ease}nav button:hover{color:var(--primary-color)}.card{background-color:var(--card-bg);box-shadow:var(--card-shadow);padding:1.5rem;border-radius:8px;margin-bottom:1rem}form{max-width:400px;margin:2rem auto;padding:2rem;background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:8px}form h2{margin-bottom:1rem}input{width:100%;padding:.6rem;margin:.5rem 0;border:1px solid #ccc;border-radius:6px}button{background-color:var(--primary-color);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:background .3s ease}button:hover{background-color:var(--primary-hover)}ul{list-style:none;padding:0}li{background:var(--card-bg);padding:1rem;border-radius:6px;margin-bottom:.5rem;box-shadow:var(--card-shadow)}