:root{--text: #111;--bg: #f8f8f8;--accent: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);--accent-hover: linear-gradient(135deg, #91d5d2 0%, #e5bfca 100%)}@media (prefers-color-scheme: dark){:root{--text: #fff;--bg: #1a1a1a}}body{font-family:system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;margin:0;padding:1.5rem;transition:background .3s,color .3s}h1{font-size:2rem;margin-bottom:1rem}button{font-size:1rem;padding:10px 20px;border:0;border-radius:6px;background-image:var(--accent);color:#333;font-weight:500;cursor:pointer;margin-top:1rem;transition:all .3s ease;box-shadow:0 4px 15px #a8edea4d}button:hover,button:focus{background-image:var(--accent-hover);box-shadow:0 4px 20px #a8edea66}.bottom{position:absolute;bottom:20px;text-align:center;font-size:.9rem;color:#999;opacity:.6}.muted{opacity:.7;margin-top:.5rem}.wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}