*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#080808;color:#fff}.wrap{max-width:1100px;margin:auto;padding:24px}.hero{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:center;margin:25px 0}.hero img{width:100%;border-radius:24px;box-shadow:0 20px 70px #000}.badge{color:#bbb;letter-spacing:3px;font-size:13px}.lead{color:#cfcfcf;font-size:18px;line-height:1.55}h1{font-size:46px;margin:10px 0}.card{background:linear-gradient(180deg,#171717,#101010);border:1px solid #2d2d2d;border-radius:24px;padding:24px;box-shadow:0 20px 60px #000;margin:22px 0}.drop{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;border:2px dashed #555;border-radius:22px;padding:36px;text-align:center;background:#0b0b0b;cursor:pointer}.drop span{font-size:24px;font-weight:700}.drop small,.hint{color:#aaa}.drop input{margin-top:12px}label{display:block;font-weight:700;margin:18px 0 8px}textarea{width:100%;border:1px solid #333;border-radius:16px;background:#0b0b0b;color:#fff;padding:14px;font-size:16px}button,.download{display:inline-block;width:100%;text-align:center;background:#fff;color:#000;border:0;border-radius:16px;padding:17px 22px;font-size:17px;font-weight:800;text-decoration:none;cursor:pointer;margin-top:14px}.alert{background:#3a0d0d;border:1px solid #a33;color:#fff;padding:14px;border-radius:16px}.result img{width:100%;border-radius:18px;margin-top:10px}@media(max-width:850px){.wrap{padding:14px}.hero{grid-template-columns:1fr}h1{font-size:34px}.hero img{order:-1}.drop{padding:24px}.drop span{font-size:20px}}
