:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f8fafc;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}body{background:radial-gradient(circle at top,#e2e8f0,#f8fafc 55%,#fff)}.app{min-height:100vh;display:grid;place-items:center;padding:32px 16px}.card{width:min(560px,100%);padding:32px;border-radius:20px;background:#fff;box-shadow:0 20px 45px #0f172a1f}.card h1,.card h2{margin-top:0;margin-bottom:12px}.card p{margin:0 0 16px;color:#475569}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 18px;background:#0f172a;color:#f8fafc;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #0f172a33}.button.ghost{background:#e2e8f0;color:#0f172a}