हामी चुप बस्दैनौं
<meta charset="utf-8" /> <meta content="width=device-width,initial-scale=1" name="viewport" /> <title></title> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;700;900&display=swap" rel="stylesheet" /> <style type="text/css"> :root{ --bg:#050406; --blood:#c91318; --muted:#efe9e6; } *{box-sizing:border-box} html,body{height:100%;margin:0;font-family:'Noto Sans Devanagari', system-ui, -apple-system;} body{ background-color:var(--bg); color:var(--muted); } .stage{ min-height:100vh; display:flex; align-items:center; justify-content:center; padding:28px; position:relative; overflow:hidden; } .bg-image{ position:fixed; inset:0; z-index:0; background-image: url('https://i.ibb.co/Jj6kBbnT/your-image.jpg'); background-size:cover; background-position:center; filter:contrast(0.85) saturate(0.9) grayscale(5%); opacity:100; pointer-events:none; } .vignette{ position:fixed;inset:0;z-index:1; background: radial-gradient(circle at 50% 30%, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 30%, rgba(0,0,0,0.7) 100%); pointer-events:none; } .card{ position:relative;z-index:4;max-width:900px;width:100%;padding:46px;border-radius:14px; background: linear-gradient(180deg, rgba(10,10,10,0.75), rgba(5,5,5,0.9)); border:1px solid rgba(255,255,255,0.03); box-shadow:0 30px 90px rgba(0,0,0,0.85); overflow:hidden; } .drip{ position:absolute;left:-10%;right:-10%;top:-28px;height:160px;z-index:3;pointer-events:none; background: radial-gradient(circle at 12% 30%, rgba(201,19,24,0.95), rgba(201,19,24,0.6) 6%, rgba(0,0,0,0) 12%), radial-gradient(circle at 42% 36%, rgba(201,19,24,0.85), rgba(0,0,0,0) 10%), linear-gradient(180deg, rgba(201,19,24,0.12), rgba(0,0,0,0) 40%); mix-blend-mode:screen;opacity:0.96;transform:translateY(-6px); animation:dripFloat 6s ease-in-out infinite; } @keyframes dripFloat{0%{transform:translateY(-8px)}50%{transform:translateY(-2px)}100%{transform:translateY(-8px)}} .topline{display:flex;align-items:center;gap:12px;margin-bottom:8px} .org{background:var(--blood);color:#fff;padding:8px 12px;border-radius:8px;font-weight:900;letter-spacing:0.6px} .suborg{font-weight:800;color:rgba(255,255,255,0.88);font-size:14px} .headline{ margin:10px 0 18px;font-size:clamp(24px,5.6vw,56px);line-height:0.98;color:var(--blood);font-weight:900; text-transform:uppercase;letter-spacing:0.8px;position:relative; } .manifest{ color:var(--muted); font-size:1.08rem;line-height:1.7;font-weight:700; } .manifest .lead{color:white;font-weight:900;font-size:1.12rem;display:block;margin-bottom:10px} .pull{ margin-top:18px;padding:18px;border-radius:10px;background:linear-gradient(90deg, rgba(201,19,24,0.04), rgba(0,0,0,0.02));border:1px solid rgba(255,255,255,0.02); font-weight:900;color:#fff;font-size:1.04rem; } footer{margin-top:20px;color:rgba(255,255,255,0.6);font-size:0.9rem;text-align:center} @media(max-width:720px){ .card{padding:22px;border-radius:10px} .headline{font-size:28px} .manifest{font-size:1rem} }</style>