*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{background:linear-gradient(135deg,#f6f9ff,#e9f0ff);min-height:100vh}#root{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}#root>div{text-align:center;background:#fff;border:1px solid #e7edff;border-radius:22px;width:min(380px,100%);padding:28px 28px 24px;transition:all .3s;box-shadow:0 20px 50px #2c457824}h1{color:#2b2b2b;letter-spacing:1px;margin-bottom:18px;font-size:clamp(28px,4vw,34px)}img{object-fit:cover;border-radius:18px;width:100%;max-width:290px;height:290px;margin:12px 0 18px;transition:transform .3s;box-shadow:0 10px 25px #00000026}img:hover{transform:scale(1.03)}h2{color:#555;margin-bottom:10px;font-weight:500}h3{color:#222260;margin-bottom:22px;font-size:18px;line-height:1.4}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c8cff,#7b5cff);border:none;border-radius:50px;padding:12px 28px;font-size:16px;font-weight:600;transition:all .25s;box-shadow:0 8px 20px #6c8cff66}button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #6c8cff99}button:active{transform:scale(.96)}@media (width<=420px){#root>div{width:90%;padding:25px}img{max-width:100%;height:240px}h3{font-size:16px}}