:root{--accent-1: #f59e0b;--accent-2: #ef4444;--accent-3: #14b8a6}body{background-color:#0a0f1a;color:#e2e8f0;font-family:Cairo,sans-serif;min-height:100vh;background-image:radial-gradient(at 0% 20%,rgba(245,158,11,.12) 0px,transparent 50%),radial-gradient(at 90% 0%,rgba(239,68,68,.12) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(20,184,166,.12) 0px,transparent 50%)}.page-container{max-width:1200px;margin:0 auto;padding:110px 20px 60px}.hero{text-align:center;margin-bottom:40px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#f59e0b26;color:#f59e0b;font-weight:700;margin-bottom:18px}.hero h1{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;margin-bottom:16px}.hero p{max-width:760px;margin:0 auto 24px;color:#94a3b8;line-height:1.9}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.upload-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px}.drop-zone{border:1px dashed rgba(148,163,184,.4);border-radius:18px;padding:28px;text-align:center;background:#0f172ab3;margin-bottom:16px}.drop-zone i{font-size:32px;color:#f59e0b;margin-bottom:12px}.drop-zone input{display:block;margin:12px auto 0;color:#94a3b8}.result-box{background:#0f172acc;border-radius:16px;border:1px solid rgba(148,163,184,.2);padding:16px;line-height:1.8;color:#e2e8f0;min-height:200px}.json-box{white-space:pre-wrap;font-size:.92rem;color:#cbd5f5}.field-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed rgba(148,163,184,.2)}.field-row:last-child{border-bottom:none}.btn-primary{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;padding:12px 26px;border-radius:14px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -18px #ef444499}.btn-secondary{border:1px solid rgba(148,163,184,.3);color:#e2e8f0;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:600}.chip{display:inline-flex;padding:6px 12px;border-radius:999px;background:#14b8a626;color:#14b8a6;font-size:.9rem;margin-inline-end:8px}.cta-strip{margin-top:40px;padding:24px;border-radius:20px;background:#f59e0b1a;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}@media (max-width: 768px){.page-container{padding-top:90px}.cta-strip{text-align:center;justify-content:center}}