:root{--background: #ffffff;--foreground: #171717;--accent-color: #007BFF}html,body{max-width:100vw;overflow-x:hidden;font-family:Arial,sans-serif}body{color:var(--foreground);background:var(--background);margin:0;padding:0}*{box-sizing:border-box}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--background);padding:20px}h1.title{font-size:36px;color:var(--foreground);margin-bottom:20px;text-align:center}p.description{font-size:18px;color:#555;margin-bottom:30px;text-align:center;max-width:600px}button{padding:12px 20px;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}button:hover{background-color:#0056b3}button:active{background-color:#004085}.connect-button{margin-bottom:20px}.modal{padding:15px;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;max-width:400px;margin-top:20px;text-align:center;font-size:16px;color:#333}.link-button{background-color:var(--accent-color);color:#fff;padding:10px 15px;text-decoration:none;border-radius:6px;margin-top:15px;display:inline-block}.link-button:hover{background-color:#0056b3}.link-button:active{background-color:#004085}@media (prefers-color-scheme: dark){:root{--background: #181818;--foreground: #f9f9f9;--accent-color: #1E90FF}body{background:var(--background);color:var(--foreground)}.modal{background-color:#222;color:#f1f1f1}}