.app{min-height:100vh;padding:15px 25px;background:#f8fafc;color:#1e293b;transition:.3s}.site-header{position:relative;text-align:center;padding:10px 0 18px}.site-header h1{font-size:32px;font-weight:800;color:#0284c7}.site-header button{position:absolute;right:10px;top:8px;border:none;background:transparent;font-size:22px;cursor:pointer}.heading{text-align:center;margin:12px 0 25px}.heading h2{font-size:26px;margin-bottom:6px}.heading p{color:#64748b}.creators{display:flex;justify-content:center;align-items:stretch;gap:35px;max-width:1250px;margin:0 auto}.card{flex:1;max-width:570px;padding:40px;text-align:center;background:#fff;border-radius:18px;box-shadow:0 4px 15px #00000014}.card img{display:block;width:190px;height:190px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:50%;margin:0 auto 20px}.card h2{margin-bottom:10px}.card p{line-height:1.6;color:#64748b}footer{text-align:center;margin-top:25px;padding:12px;color:#64748b}.app.dark{background:#0f172a;color:#fff}.dark .card{background:#1e293b}.dark .card p,.dark .heading p,.dark footer{color:#cbd5e1}@media(max-width:700px){.creators{flex-direction:column;align-items:center}.card{width:100%}.site-header h1{font-size:26px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%;width:100%}body{font-family:Arial,sans-serif}