body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(#fff,#f3fbf5);display:flex;min-height:100vh;align-items:center;justify-content:center;color:#234}.hero{text-align:center;padding:24px;max-width:420px}.logo{width:180px;animation:breathe 4s ease-in-out infinite}h1{font-size:2.2rem}p{line-height:1.5;color:#567}button{padding:14px 22px;border-radius:999px;border:none;background:#4caf50;color:#fff;margin:8px;font-size:1rem}.secondary{background:#e8f5e9;color:#2e7d32}@keyframes breathe{50%{transform:scale(1.03)}}