:root{--bg-color: #fafafa;--card-bg: #fff;--border-color: #e0e0e0;--text-color: #333;--accent-color: #1976d2;--hover-color: #e3f2fd;--transition: all .2s ease-in-out;--radius: 12px;--shadow: 0 2px 8px rgba(0, 0, 0, .05)}html,body{height:100%;margin:0;padding:0;background-color:var(--bg-color);font-family:Inter,Roboto,Segoe UI,sans-serif;color:var(--text-color)}app-root{display:flex;justify-content:center;padding:2rem}.app-container{width:100%;max-width:900px;background-color:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;transition:var(--transition)}.app-header{font-size:1.6rem;font-weight:600;margin-bottom:1rem;color:var(--accent-color);text-align:center;letter-spacing:.5px}button{background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--radius);padding:.5rem 1rem;font-size:.95rem;cursor:pointer;transition:var(--transition)}button:hover{background-color:#1565c0}a{color:var(--accent-color);text-decoration:none;transition:var(--transition)}a:hover{color:#0d47a1;text-decoration:underline}@media (max-width: 600px){.app-container{padding:1rem}}