*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 0%,#dbeafe,transparent 35%),linear-gradient(135deg,#f8fbff,#eef2ff);color:#172033;min-height:100vh}.glass{background:rgba(15,23,42,.82);backdrop-filter:blur(14px)}.hero{padding:55px 10px 10px}.hero h1{letter-spacing:-2px}.upload-card{max-width:900px;background:rgba(255,255,255,.86);padding:22px;border-radius:30px;box-shadow:0 25px 80px rgba(31,41,55,.12);backdrop-filter:blur(18px)}.dropzone{border:2px dashed #b8c4d8;border-radius:24px;padding:55px 20px;text-align:center;transition:.25s;cursor:pointer;background:linear-gradient(180deg,#fff,#f8fbff)}.dropzone:hover,.dropzone.drag{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 15px 40px rgba(99,102,241,.12)}.mini{padding:20px;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(30,41,59,.06)}.mini i{font-size:24px}.mini small{display:block;color:#64748b;margin-top:5px}.preview-img{height:150px;width:100%;object-fit:cover;border-radius:15px}.result-item{display:flex;gap:12px;align-items:center;padding:10px;background:#f8fafc;border-radius:14px;margin-bottom:8px}.result-item img{width:65px;height:65px;object-fit:cover;border-radius:10px}@media(max-width:576px){.hero{padding-top:35px}.hero h1{font-size:2.35rem}.upload-card{padding:12px;border-radius:22px}.dropzone{padding:40px 10px}}