*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%;font-family:Inter,Arial,sans-serif}.app{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;display:flex}.hero{text-align:center;max-width:700px;padding:40px}.hero h1{color:#2563eb;margin-bottom:20px;font-size:64px}.hero p{color:#334155;font-size:24px;line-height:1.6}.button{color:#fff;background:#2563eb;border-radius:12px;margin-top:40px;padding:16px 32px;text-decoration:none;transition:all .3s;display:inline-block}.button:hover{background:#1d4ed8}.hero{transform:translateY(-80px)}.hero h1{font-size:72px;font-weight:800}.button{border-radius:999px;padding:18px 36px;font-weight:600}.hero-icon{color:#2563eb;margin-bottom:20px;font-size:72px}.hero h2{color:#64748b;margin:16px 0 24px;font-size:30px;font-weight:500}.button{transition:all .25s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb40}.hero-icon{color:#2563eb;margin-bottom:24px;font-size:80px;transition:transform .3s}.hero-icon:hover{transform:scale(1.08)}@media (width<=768px){.hero{padding:1.5rem}.hero h1{font-size:3rem}.hero h2{font-size:2rem}.hero p{font-size:1.2rem;line-height:1.7}.button{width:220px}.icon{font-size:56px}}