*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top left,rgba(34,197,94,.18),transparent 35%),radial-gradient(circle at top right,rgba(59,130,246,.16),transparent 30%),#050505;color:white;font-family:Arial,Helvetica,sans-serif}main{min-height:100vh;padding:28px 16px}section{width:100%;max-width:1100px;margin:0 auto}.card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:28px;padding:22px;box-shadow:0 24px 80px rgba(0,0,0,.45);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.75);font-size:14px;margin-bottom:18px}.hero-title{margin:0;font-size:42px;line-height:1.05;font-weight:900;letter-spacing:-1.5px}.hero-desc{max-width:680px;margin-top:18px;color:rgba(255,255,255,.68);font-size:17px;line-height:1.6}.grid{display:grid;grid-template-columns:1fr;grid-gap:18px;gap:18px;margin-top:30px}.panel{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.38);border-radius:24px;padding:18px}.input,.select{width:100%;border:0;border-radius:18px;padding:15px;background:rgba(255,255,255,.1);color:white;font-size:15px}.select{margin-top:14px}.select option{background:#050505;color:white}.button{width:100%;margin-top:14px;border:0;border-radius:18px;padding:16px;background:white;color:black;font-weight:900;font-size:15px;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.progress{margin-top:14px;color:rgba(255,255,255,.6);font-size:14px}.preview-box{min-height:360px;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.16);border-radius:20px;color:rgba(255,255,255,.4);text-align:center}.preview-img{width:100%;max-height:520px;object-fit:cover;border-radius:20px}.result-card{margin-top:22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);border-radius:24px;padding:18px}.result-title{margin:0;font-size:24px;font-weight:900}.result-text{color:rgba(255,255,255,.72);margin:8px 0}.hashtags{margin-top:12px;font-size:14px;color:rgba(255,255,255,.45)}.video{display:block;width:100%;max-height:700px;border-radius:20px;margin:0 auto}.download{display:block;margin-top:14px;border-radius:18px;padding:16px;background:#4ade80;color:black;text-align:center;text-decoration:none;font-weight:900}@media (min-width:768px){main{padding:48px 24px}.card{padding:32px}.hero-title{font-size:64px}.grid{grid-template-columns:1fr 1fr;gap:24px}.preview-box{min-height:500px}}