/* English UI – neon gradient style */
:root{
  --bg:#0a0a0f; --card:rgba(255,255,255,0.06); --glass:rgba(255,255,255,0.12);
  --text:#eaf1ff; --muted:#b8c1d9; --accent1:#7c3aed; --accent2:#22d3ee; --accent3:#f43f5e;
  --radius:18px; --shadow:0 10px 30px rgba(0,0,0,0.35);
}
*{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,sans-serif;}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.bg-blobs{position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(800px 500px at 10% 10%, rgba(124,58,237,0.45), transparent 60%),
 radial-gradient(600px 400px at 80% 0%, rgba(34,211,238,0.45), transparent 55%),
 radial-gradient(700px 500px at 50% 95%, rgba(244,63,94,0.35), transparent 55%),
 linear-gradient(180deg, #0b0b14 0%, #0a0a0f 100%); filter:saturate(120%);}
.site-header{position:sticky;top:0;background:rgba(10,10,15,0.65);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.06)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{font-weight:800;font-size:26px;text-decoration:none;color:var(--text);letter-spacing:0.5px}
.logo-burst{background:linear-gradient(135deg,var(--accent2),var(--accent1));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(34,211,238,0.35)}
.logo-plus{color:#fff;text-shadow:0 0 22px rgba(244,63,94,0.55)}
.menu a{color:var(--muted);text-decoration:none;margin:0 12px;font-weight:600}.menu a:hover{color:#fff}
.site-main{min-height:60vh}
.hero{padding:64px 0 24px}
.headline{font-size:42px;line-height:1.1;margin:0 0 8px}
.gradient{background:linear-gradient(135deg,var(--accent2),var(--accent1),var(--accent3));-webkit-background-clip:text;background-clip:text;color:transparent}
.subhead{margin:0 0 24px;color:var(--muted)}
.download-form .input-wrap{display:flex;gap:10px;align-items:center;background:var(--card);padding:10px;border-radius:var(--radius);box-shadow:var(--shadow)}
.download-form input{flex:1;padding:16px 18px;border:none;outline:none;border-radius:12px;background:rgba(15,15,25,0.8);color:#fff;font-size:16px}
.btn-primary,.btn-ghost,.share-native,.small{border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:14px;font-weight:700}
.btn-primary{background:linear-gradient(135deg,var(--accent1),var(--accent2));color:#06101a;box-shadow:0 8px 20px rgba(34,211,238,0.35)}
.btn-primary:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.2)}
.small{padding:10px 12px;font-weight:600}
.help{margin-top:8px;font-size:13px;color:var(--muted)}
.progress{margin-top:16px;padding:12px 14px;background:var(--card);border:1px dashed rgba(255,255,255,0.2);border-radius:12px;display:flex;gap:10px;align-items:center}
.hidden{display:none}
.spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,0.2);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.result .result-card{display:flex;gap:16px;align-items:flex-start}
.result .thumb img{width:220px;height:auto;border-radius:12px;display:block}
.result .meta h3{margin:0 0 12px}
.result .btns a{margin-right:10px;margin-bottom:10px}
.shareline{margin-top:10px;display:flex;gap:10px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.glass{background:var(--glass)}
.icon{font-size:28px;margin-bottom:10px;color:#cdeaff}
.quote p{font-size:16px;margin:0 0 6px}
.by{color:var(--muted);font-size:13px}
.faq details{background:var(--card);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:12px 14px;margin:8px 0}
.faq summary{cursor:pointer;font-weight:600}
.site-footer{border-top:1px solid rgba(255,255,255,0.06);margin-top:40px;padding:30px 0;background:rgba(10,10,15,0.6);backdrop-filter:blur(10px)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}
.footer-logo{font-size:22px;margin-bottom:10px}
.badges .badge{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,255,255,0.2);padding:8px 10px;border-radius:999px;margin-right:8px;font-size:12px;color:#e2f6ff}
.links{list-style:none;padding:0;margin:0}
.links li{margin:8px 0}
.links a{color:#cbd5e1;text-decoration:none}
.links a:hover{color:#fff}
.social{display:flex;gap:10px;margin-bottom:10px}
.social-btn{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.12);color:#fff;text-decoration:none}
.social-btn:hover{background:rgba(255,255,255,0.2)}
.tiny{color:var(--muted);font-size:12px;padding-top:8px;border-top:1px solid rgba(255,255,255,0.06);margin-top:14px}
.muted{color:var(--muted)}
.page h1{margin-top:24px}
.card.error{border-color:rgba(244,63,94,0.5);background:rgba(244,63,94,0.12);color:#ffdfe5}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;background:#10121a;color:#fff;border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:10px 14px;opacity:0;transition:all .2s ease;box-shadow:var(--shadow)}
.toast.show{opacity:1;bottom:28px}
@media (max-width:900px){.grid-3{grid-template-columns:1fr}.result .result-card{flex-direction:column}.result .thumb img{width:100%}.headline{font-size:34px}.menu{display:none}}