*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3vw}.bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 20%,rgba(0,170,255,.15),transparent 30%),radial-gradient(circle at 80% 80%,rgba(255,106,0,.15),transparent 30%);z-index:-1}.container{display:grid;grid-template-columns:1.1fr .9fr;gap:4vw;max-width:1400px;width:100%;align-items:center}.logo{max-width:220px;margin-bottom:30px}h1{font-size:clamp(2.2rem,4vw,4rem);margin-bottom:20px}p{font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.8;color:#dbe4ef}.cards{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:15px;margin:30px 0}.card{background:rgba(255,255,255,.08);backdrop-filter:blur(8px);padding:16px;border-radius:12px}.btn{display:inline-block;background:#ff6b00;color:#fff;text-decoration:none;padding:16px 28px;border-radius:10px;font-weight:bold}.progress{margin-top:25px;background:#23354d;border-radius:999px;height:12px;overflow:hidden;max-width:420px}.bar{height:100%;width:70%;background:linear-gradient(90deg,#2196f3,#4caf50,#ffc107,#ff6b00);animation:p 3s infinite alternate}.footer{margin-top:25px}.right img{width:100%;max-width:520px;animation:f 5s ease-in-out infinite}@keyframes f{50%{transform:translateY(-10px)}}@keyframes p{from{width:25%}to{width:90%}}@media(max-width:900px){.container{grid-template-columns:1fr;text-align:center}.right{order:-1}.cards{grid-template-columns:1fr}.progress{margin:auto}.btn{display:block}.logo{margin:auto}.right img{max-width:300px}}