*{box-sizing:border-box;margin:0;padding:0}body{background:#fafafa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.container{width:100%;max-width:480px;padding:20px}.card{will-change:transform;background:#fff;border-radius:12px;padding:48px;transition:transform .3s ease-out;box-shadow:0 2px 16px #0000000f}.greeting{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:13px}h1{color:#111;margin-bottom:16px;font-size:28px;font-weight:600}.name{color:#06f}p{color:#555;margin-bottom:12px;line-height:1.6}a{color:#06f;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s}a:hover{border-bottom-color:#06f}footer{color:#999;margin-top:40px;font-size:13px}.ripple{pointer-events:none;background:#06f6;border-radius:50%;width:8px;height:8px;animation:.6s ease-out forwards ripple;position:fixed}@keyframes ripple{to{opacity:0;transform:scale(8)}}@media (width<=600px){.card{padding:32px 24px}h1{font-size:24px}}