body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom right,#f0f4f8b3,#e2e8f0b3),url(https://images.squarespace-cdn.com/content/v1/6775a9410cb071258cbf5576/6c08fcfc-132a-47e9-9a38-e69aa4766bba/img-5.jpg?format=1000w);background-repeat:no-repeat;background-position:center center;background-size:cover;background-blend-mode:overlay;color:#1f2937;min-height:100vh;line-height:1.6;padding:1rem}#root{max-width:960px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:transparent;color:#333}h1{text-align:center;margin-bottom:1.5rem}nav{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}nav a{text-decoration:none;color:#07c;font-weight:500}nav a:hover{text-decoration:underline}.card{background-color:#fff;padding:2rem;margin:2rem auto;border-radius:12px;box-shadow:0 4px 12px #0000000d;max-width:600px}button{color:#fff!important;background-color:#07c!important;border:none;padding:.75rem 1.25rem;font-size:1rem;border-radius:6px;cursor:pointer;margin-top:1rem;transition:background-color .3s ease}button:hover{background-color:#005fa3!important}form{display:flex;flex-direction:column;align-items:center}input{width:300px;padding:.75rem;margin:.5rem 0;border:1px solid #ccc;border-radius:4px;font-size:1rem}.read-the-docs{color:#888;font-size:.875rem;margin-top:1rem;text-align:center}@media (max-width: 480px){h1{font-size:1.5rem}.card{padding:1rem}}