/*
Theme Name: DiwaliWish — Rangoli Festival
Description: A bold, ultra-colorful, sparkling Hindi Diwali greeting theme designed for viral sharing.
Version: 12.0
License: GPLv2 or later
*/
:root{
 --ink:#321447;--pink:#ff2d8d;--hot:#ff4f5e;--orange:#ff7b19;--yellow:#ffd83d;
 --purple:#7c2cff;--blue:#20b8ff;--cyan:#35e0c0;--green:#6bdc72;--cream:#fff9ed
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans Devanagari","Mangal",system-ui,sans-serif;color:var(--ink);background:#fff8ee}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}

/* Rainbow top */
.top-rainbow{height:7px;background:linear-gradient(90deg,#ff267f,#ff7b18,#ffd92f,#4ddd88,#26c6ff,#7c3cff,#ed42c5,#ff267f);background-size:300% 100%;animation:rainbow 4s linear infinite}
.nav{position:absolute;top:7px;left:0;right:0;z-index:50}.navin{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:1000;font-size:23px;color:#421455}.brand .lamp{font-size:42px;filter:drop-shadow(0 0 14px #ff9f00)}.brand small{display:block;font-size:10px;color:#775d80}.menu{display:flex;gap:24px;font-size:14px;font-weight:900}.menu a{padding:8px 0}.menu a:hover{color:#ec2e87}.navbtn,.primary{border:0;border-radius:999px;padding:14px 22px;font-weight:950;cursor:pointer}.navbtn{background:linear-gradient(135deg,#fff06b,#ffad47,#ff74ac);box-shadow:0 8px 25px #ff7b1940}

/* Hero = color explosion */
.hero{min-height:820px;position:relative;overflow:hidden;padding-top:95px;
 background:
 radial-gradient(circle at 9% 16%,#ff7ac855 0 9%,transparent 25%),
 radial-gradient(circle at 90% 17%,#ffd43c88 0 8%,transparent 24%),
 radial-gradient(circle at 52% 72%,#54dfbd66 0 9%,transparent 28%),
 radial-gradient(circle at 78% 85%,#55b9ff66 0 10%,transparent 27%),
 linear-gradient(125deg,#fff0f8 0%,#f3eaff 23%,#e5faff 44%,#edfff0 61%,#fff7ce 77%,#ffe9f2 100%);
}
.hero:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,#ff4f9a22,#ff9b2422,#ffd83d22,#55d9a522,#35bfff22,#9b5cff22,#ff4f9a22);animation:spin 18s linear infinite}
.hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-100px;height:230px;background:linear-gradient(90deg,#ffda55,#ff83b6,#ad8aff,#66dff2,#76e08d,#ffda55);filter:blur(30px);opacity:.85}
.hero-in{min-height:715px;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center;position:relative;z-index:3}.eyebrow{font-size:14px;font-weight:1000;color:#8a36d5;letter-spacing:2px}.hero h1{font-family:Georgia,"Noto Serif Devanagari",serif;font-size:72px;line-height:1.02;margin:15px 0;background:linear-gradient(90deg,#6b24db,#ff2686,#ff6d1b,#e5a600,#1dbb9a,#347ff0,#8b3cf0);background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textRainbow 6s linear infinite}.hero p{font-size:19px;line-height:1.85;color:#58475f;max-width:690px}
.creator{display:flex;max-width:700px;margin-top:25px;background:#fff;border:3px solid transparent;border-radius:21px;background-clip:padding-box;box-shadow:0 20px 70px #8b5cf626;position:relative}.creator:before{content:"";position:absolute;z-index:-1;inset:-3px;border-radius:23px;background:linear-gradient(90deg,#ff2d8d,#ff8a18,#ffd52f,#35dca7,#35bfff,#8a48ff,#ff2d8d);background-size:300% 100%;animation:rainbow 3s linear infinite}.creator input{flex:1;min-width:0;border:0;outline:0;padding:20px;font-size:17px;border-radius:18px}.creator button{border:0;padding:0 26px;border-radius:0 18px 18px 0;color:#fff;font-weight:1000;font-size:16px;background:linear-gradient(100deg,#6e2bff,#d62cff,#ff2878,#ff7b18);background-size:200% 100%;animation:buttonGlow 3s ease infinite;cursor:pointer}
.perks{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px}.perk{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:900;color:#594c60}.perk b{font-size:25px}

/* Giant festive artwork */
.art{height:570px;position:relative;display:grid;place-items:center}.rainbow-orb{width:450px;height:450px;border-radius:50%;background:conic-gradient(#ff4f9a,#ff8a1e,#ffd52f,#5be38d,#2bc8ff,#8050ff,#e64dca,#ff4f9a);padding:14px;box-shadow:0 0 90px #ff69a055,0 0 130px #4dbfff44;animation:spin 10s linear infinite}.rainbow-orb:after{content:"";display:block;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#fffbd0 0 5%,#ffd56d 12%,#ff9e79 25%,#f6b1de 43%,#a7c8ff 60%,#fff0f5 70%)}.diya{position:absolute;font-size:125px;filter:drop-shadow(0 0 28px #ffab00);animation:float 3s ease-in-out infinite}.lantern{position:absolute;top:30px;right:15px;font-size:82px;animation:swing 3.5s infinite}.lantern2{position:absolute;top:105px;left:0;font-size:67px;animation:swing 3s infinite reverse}.note{position:absolute;right:-5px;bottom:55px;background:linear-gradient(145deg,#fffef0,#fff0a8);border:3px solid #ffd34d;color:#632c27;padding:24px 26px;border-radius:9px;transform:rotate(-5deg);box-shadow:0 22px 55px #9a552633;font-family:cursive;font-size:17px}.diyaline{position:absolute;bottom:12px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:47px;filter:drop-shadow(0 0 14px #ffad17)}

/* floating bubbles */
.bubble{position:absolute;border-radius:50%;opacity:.65;animation:float 5s ease-in-out infinite}.b1{width:70px;height:70px;background:#ff69a8;left:3%;top:45%}.b2{width:45px;height:45px;background:#43d8c1;right:18%;top:33%;animation-delay:1s}.b3{width:90px;height:90px;background:#ffd33d;right:2%;bottom:22%;animation-delay:1.5s}.b4{width:52px;height:52px;background:#62baff;left:27%;bottom:12%;animation-delay:.7s}

/* sections */
.section{padding:85px 0}.soft{background:linear-gradient(135deg,#fff7e8,#fff0fa,#eef2ff,#eafff7,#fffbe4)}.heading{text-align:center;max-width:800px;margin:0 auto 45px}.heading h2{font-family:Georgia,"Noto Serif Devanagari",serif;font-size:43px;color:#59208c;margin:10px}.heading p{color:#75667d;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{background:linear-gradient(145deg,#fff,#fff5fb,#f0f5ff);border:2px solid #efdff0;border-radius:27px;padding:32px;text-align:center;box-shadow:0 20px 55px #7c3aed10;position:relative;overflow:hidden;transition:.25s}.card:nth-child(1){border-color:#ffc8df}.card:nth-child(2){border-color:#cbd2ff}.card:nth-child(3){border-color:#bff0dc}.card:hover{transform:translateY(-8px) rotate(.3deg);box-shadow:0 28px 65px #7c3aed20}.step{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:auto;color:#fff;font-size:24px;font-weight:1000;background:linear-gradient(135deg,#ff287e,#ff8a1c,#ffd42f,#36dca4,#388eff,#7c35ed);background-size:300% 300%;animation:rainbow 4s linear infinite}.card h3{font-size:21px;margin:17px 0 8px}.card p{color:#75677e;line-height:1.75;margin:0}

/* WhatsApp preview */
.preview{background:linear-gradient(120deg,#ffeaf5,#eee8ff,#e1f9ff,#e5ffef,#fff4c9)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.wa-card{background:#fff;border:3px solid #e8d6ef;border-radius:25px;padding:23px;box-shadow:0 20px 65px #7c3aed17}.wa-bubble{background:linear-gradient(145deg,#fff9e7,#fff0fa);border-left:6px solid #ec4899;border-radius:18px;padding:20px;line-height:1.8;box-shadow:0 8px 25px #ec489916}.wa-bubble b{font-weight:1000}.urlbox{margin-top:13px;background:linear-gradient(90deg,#eee8ff,#e5faff,#fff0e5);color:#6825cf;border-radius:12px;padding:12px;word-break:break-all;font-size:13px}.phone{width:315px;margin:auto;background:#20132d;border:4px solid #ffcc52;padding:8px;border-radius:44px;box-shadow:0 30px 80px #57206d35}.screen{height:570px;border-radius:31px;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;background:radial-gradient(circle at 50% 12%,#fff8b5 0 5%,#ffd39c 12%,#ffb4d4 27%,#c4a8ff 47%,#8bdcf0 67%,#6edca8 100%);position:relative}.screen:before{content:"✦  ✧  ✦  ✧  ✦";position:absolute;top:22px;left:0;right:0;color:#fff;font-size:22px;text-shadow:0 0 12px #ff8a00;animation:twinkle 1.4s infinite alternate}.wishbox{background:linear-gradient(145deg,#fffef2,#fff0d5,#fff0f8);border:3px solid #ffd34d;border-radius:24px;padding:25px;box-shadow:0 20px 50px #57206d28}.wishbox h3{font-family:Georgia,"Noto Serif Devanagari",serif;font-size:30px;color:#6a2082}.wishbox p{line-height:1.7}.play{width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,#ffb82e,#ff3285,#7134ef);color:#fff;font-size:21px}

/* CTA */
.cta{width:min(1120px,92%);margin:auto;border-radius:32px;padding:45px;background:linear-gradient(105deg,#ffe26e,#ff9bc5,#c2a5ff,#83e6ff,#8ee8b2,#ffe178);background-size:250% 100%;animation:rainbow 7s linear infinite;box-shadow:0 25px 75px #7c3aed25;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-family:Georgia,serif;font-size:34px;margin:0 0 8px}.cta p{margin:0;color:#5e4668}.goldbtn{border:0;border-radius:999px;padding:17px 24px;background:#fff;color:#57206f;font-weight:1000;white-space:nowrap;box-shadow:0 9px 24px #57206d18}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:2px solid #efdce7;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px #5b246a0c}.stat{text-align:center;padding:25px;border-right:1px solid #eadbd2}.stat:last-child{border:0}.stat strong{display:block;font-size:29px;background:linear-gradient(90deg,#ec4899,#7c3aed,#0ea5e9,#10b981,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{font-size:13px;color:#6c5c70}

/* result */
.result{display:none;background:linear-gradient(135deg,#fff6c9,#ffe7f3,#e9e5ff,#e0fbff);border:3px solid #ffd34d;padding:21px;border-radius:19px;margin-top:16px;box-shadow:0 15px 40px #ec48991c}.result textarea{width:100%;min-height:180px;border:1px solid #e7d6c6;border-radius:13px;padding:14px;font-size:14px;line-height:1.65;background:#fff}.share{display:flex;gap:10px;flex-wrap:wrap;margin-top:11px}.share button{border:0;border-radius:999px;padding:13px 19px;font-weight:1000;cursor:pointer}.whatsapp{background:#19a957;color:#fff}.copy{background:linear-gradient(135deg,#7135e9,#ec3b91);color:#fff}

/* recipient page = maximum wow */
.wish-page{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#ffeaf7,#e8e4ff,#ddf8ff,#e5ffef,#fff1c8);color:#43204f}.wish-page:after{content:"";position:absolute;width:700px;height:700px;left:50%;top:-200px;transform:translateX(-50%);border-radius:50%;background:conic-gradient(#ff3c92,#ff922e,#ffe05a,#53df9b,#32c9ff,#8653ff,#ef4bc2,#ff3c92);opacity:.18;filter:blur(35px);animation:spin 12s linear infinite}.wish-center{position:relative;z-index:3;width:min(760px,92%);margin:auto;padding:45px 0}.wish-top{text-align:center;font-size:31px;margin-bottom:17px;animation:twinkle 1.5s infinite alternate}.wish-card{background:linear-gradient(145deg,#fffef1,#fff0d3,#fff0f8,#eff0ff);border:4px solid transparent;border-radius:34px;padding:44px 29px;text-align:center;position:relative;background-clip:padding-box;box-shadow:0 35px 110px #6d28d928,0 0 65px #ffb72b44}.wish-card:before{content:"";position:absolute;inset:-4px;border-radius:38px;background:linear-gradient(120deg,#ff3291,#ff8a22,#ffd62f,#38dca5,#38bfff,#8247ff,#ff3291);background-size:300% 300%;animation:rainbow 4s linear infinite;z-index:-1}.wish-card .diya2{font-size:95px;filter:drop-shadow(0 0 25px #ffad17);animation:float 2.8s infinite}.wish-card h1{font-family:Georgia,"Noto Serif Devanagari",serif;font-size:50px;background:linear-gradient(90deg,#6d20c8,#ec2780,#ff7418,#0ea875,#4265df);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:250% auto;animation:textRainbow 5s linear infinite;margin:9px}.from{color:#795c82;font-size:17px}.msg{font-size:21px;line-height:1.9}.blessing{font-size:16px;line-height:1.9;color:#66536d}.music{border:0;background:linear-gradient(110deg,#7c3aed,#ec3186,#ff7b17,#ffd033);background-size:250% 100%;animation:rainbow 4s linear infinite;color:#fff;border-radius:999px;padding:15px 23px;font-weight:1000;cursor:pointer;box-shadow:0 12px 30px #7c3aed33}.make{display:flex;flex-direction:column;margin:23px auto 0;max-width:440px}.make small{margin-top:4px}.footer{background:#2e1342;color:#eee;padding:30px;text-align:center;font-size:13px}

/* animations */
@keyframes rainbow{to{background-position:300% 0}}
@keyframes textRainbow{to{background-position:300% center}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-16px)}}
@keyframes swing{50%{transform:rotate(6deg)}}
@keyframes twinkle{to{transform:scale(1.5) rotate(15deg);opacity:.3}}
@keyframes buttonGlow{50%{filter:hue-rotate(35deg);box-shadow:0 0 30px #ff3d9b66}}
@media(max-width:850px){
 .menu,.navbtn{display:none}.hero{padding-top:105px}.hero-in,.preview-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.hero p{font-size:17px}.art{height:390px}.rainbow-orb{width:300px;height:300px}.diya{font-size:92px}.cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.cta{flex-direction:column;text-align:center}.creator{display:block;background:transparent;border:0;box-shadow:none}.creator:before{display:none}.creator input,.creator button{display:block;width:100%;padding:17px;border-radius:16px;margin-top:9px}.wish-card h1{font-size:37px}.msg{font-size:18px}.note{right:0;font-size:14px}.mini{font-size:35px}
}

/* V7: stronger Hindi typography + creator-first recipient CTA */
.wish-card .from,
.wish-card .msg,
.wish-card .blessing{font-weight:700}
.wish-card .from{font-weight:800;color:#633f70}
.wish-card .msg{font-weight:800;color:#352040}
.wish-card .msg strong{font-weight:1000}
.wish-card .blessing{font-weight:700;color:#4f3a59}
.wish-card .make{
  margin-top:25px !important;
  min-height:82px;
  padding:16px 20px !important;
  background:linear-gradient(105deg,#ff287f,#ff7517,#ffd32f,#21d9a0,#278fff,#7d35ed,#ff287f) !important;
  background-size:350% 100% !important;
  animation:rainbow 4s linear infinite,ctaPulse 1.7s ease-in-out infinite !important;
}
.wish-card .make strong{font-size:21px;font-weight:1000}
.wish-card .make small{font-size:14px;font-weight:800}

/* =========================
   V8 — Opening Celebration
   ========================= */
.dw-opening{
 position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;
 background:
 radial-gradient(circle at 50% 38%,#fff7a7 0 5%,#ffcf73 12%,transparent 28%),
 linear-gradient(135deg,#ff4f9a,#8a3ffc 25%,#25bff5 48%,#43d99a 67%,#ffd83d 84%,#ff5d9e);
 background-size:180% 180%;
 animation:dwOpenBg 5s ease-in-out infinite;
 transition:opacity .75s ease,visibility .75s ease;
 overflow:hidden;
}
.dw-opening.hide{opacity:0;visibility:hidden;pointer-events:none}
.dw-opening:before{
 content:"";position:absolute;inset:-30%;
 background:conic-gradient(from 0deg,#ffffff00,#fff7 4%,#ffffff00 8%,#ffffff00 18%,#fff8 22%,#ffffff00 28%);
 animation:dwOpenSpin 5s linear infinite;
}
.dw-open-spark{position:absolute;color:#fff;font-size:30px;text-shadow:0 0 8px #fff,0 0 25px #ffd400,0 0 40px #ff3d9b;animation:dwOpenSpark 1.1s ease-in-out infinite alternate}
.dw-os1{top:13%;left:12%}.dw-os2{top:22%;right:13%;animation-delay:.2s}.dw-os3{bottom:20%;left:15%;animation-delay:.4s}.dw-os4{bottom:16%;right:14%;animation-delay:.6s}.dw-os5{top:46%;left:5%;animation-delay:.8s}.dw-os6{top:53%;right:5%;animation-delay:1s}
.dw-open-card{
 position:relative;z-index:2;width:min(470px,88%);text-align:center;padding:38px 25px;border-radius:35px;
 background:linear-gradient(145deg,#fffef0ee,#fff0f8ee,#e9f4ffee);
 border:4px solid transparent;box-shadow:0 30px 100px #39114d55,0 0 70px #ffd43d77;
 animation:dwOpenCard 1s cubic-bezier(.2,.8,.2,1) both;
}
.dw-open-card:before{content:"";position:absolute;inset:-4px;border-radius:39px;background:linear-gradient(120deg,#ff2d8d,#ff8a18,#ffe13d,#34dba4,#2cbfff,#7b3ff1,#ff2d8d);background-size:300% 300%;animation:rainbow 3s linear infinite;z-index:-1}
.dw-open-diya{font-size:92px;filter:drop-shadow(0 0 28px #ffad00);animation:float 2s ease-in-out infinite}
.dw-open-card h2{margin:8px 0;font-family:Georgia,"Noto Serif Devanagari",serif;font-size:42px;background:linear-gradient(90deg,#6e28d9,#ec2380,#ff7417,#0e9f77,#4264df);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:250% auto;animation:textRainbow 4s linear infinite}
.dw-open-card p{margin:10px 0;color:#5b4664;font-weight:800;line-height:1.65}
.dw-open-progress{height:7px;width:170px;margin:20px auto 0;border-radius:99px;background:#ffffff99;overflow:hidden}
.dw-open-progress i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#ff287e,#ffd02e,#26d9a0,#4a8fff,#8a3fff);animation:dwProgress 2.8s linear forwards}

/* Devotional artwork */
.dw-devotional{
 width:100%;margin:0 auto 25px;border-radius:26px;overflow:hidden;position:relative;
 border:3px solid transparent;box-shadow:0 18px 55px #64206f24;
 background:linear-gradient(120deg,#ff4f9a,#ffd43c,#36d9a5,#43bfff,#873cff,#ff4f9a);
 padding:3px;
}
.dw-devotional img{display:block;width:100%;height:auto;border-radius:23px}
.dw-devotional:after{
 content:"✨ 🪔 ✨";position:absolute;left:0;right:0;top:12px;text-align:center;
 color:#fff;font-size:22px;text-shadow:0 0 8px #ff8a00,0 0 18px #ff2d8d;
 animation:twinkle 1.2s infinite alternate;
}
.dw-devotional-caption{text-align:center;margin:-12px auto 24px;color:#6c3d78;font-weight:900;font-size:14px}

/* Smaller, cleaner recipient CTA */
.wish-card .make{
 display:inline-flex !important;width:auto !important;max-width:430px;min-height:0 !important;
 margin:23px auto 10px !important;padding:13px 22px !important;border-radius:999px !important;
}
.wish-card .make strong{font-size:17px !important}
.wish-card .make small{font-size:12px !important;font-weight:800}
.wish-card .music{padding:11px 19px;font-size:14px;margin-top:8px !important}

/* Extra floating festive pieces */
.dw-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.dw-confetti span{position:absolute;width:9px;height:18px;border-radius:8px;opacity:.8;animation:dwConfetti 6s linear infinite}
.dw-confetti span:nth-child(1){left:8%;top:-20px;background:#ff3d91;animation-delay:.2s}.dw-confetti span:nth-child(2){left:23%;top:-30px;background:#ffd13c;animation-delay:1s}.dw-confetti span:nth-child(3){left:44%;top:-20px;background:#37d9a5;animation-delay:2s}.dw-confetti span:nth-child(4){left:67%;top:-25px;background:#40baff;animation-delay:.5s}.dw-confetti span:nth-child(5){left:84%;top:-20px;background:#8b46ff;animation-delay:1.5s}.dw-confetti span:nth-child(6){left:94%;top:-40px;background:#ff7b18;animation-delay:2.5s}
@keyframes dwOpenBg{50%{background-position:100% 70%}}
@keyframes dwOpenSpin{to{transform:rotate(360deg)}}
@keyframes dwOpenSpark{to{transform:scale(1.7) rotate(18deg);opacity:.25}}
@keyframes dwOpenCard{from{opacity:0;transform:scale(.75) translateY(25px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes dwProgress{to{width:100%}}
@keyframes dwConfetti{to{transform:translateY(110vh) rotate(540deg)}}
@media(max-width:600px){
 .dw-open-card{padding:31px 19px}.dw-open-card h2{font-size:34px}.dw-open-diya{font-size:75px}
 .dw-devotional{margin-bottom:20px}.wish-card .make{width:92% !important}
}

/* =========================
   V9 — Compact CTA
   ========================= */
.wish-card .make{
  display:inline-flex !important;
  width:auto !important;
  max-width:none !important;
  min-height:0 !important;
  margin:22px auto 10px !important;
  padding:13px 27px !important;
  border:2px solid #ffffff !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#6d28d9,#a855f7,#ec4899) !important;
  background-size:200% 200% !important;
  animation:ctaV9 3.5s ease infinite !important;
  color:#fff !important;
  text-shadow:0 1px 5px #3b0764aa;
  box-shadow:0 9px 28px #7c3aed38 !important;
}
.wish-card .make strong{
  font-size:17px !important;
  font-weight:1000 !important;
  line-height:1.2 !important;
}
.wish-card .make small{
  display:none !important;
}
.wish-card .music{
  margin-top:8px !important;
  padding:10px 20px !important;
  font-size:14px !important;
}
@keyframes ctaV9{
  0%,100%{background-position:0 50%;box-shadow:0 9px 28px #7c3aed38}
  50%{background-position:100% 50%;box-shadow:0 12px 34px #ec489955}
}
@media(max-width:600px){
  .wish-card .make{
    padding:12px 23px !important;
  }
  .wish-card .make strong{font-size:16px !important}
}

/* =========================
   V10 — Cleaner hero typography + animated CTA
   ========================= */

/* Fix Hindi headline spacing on the home page */
.hero h1{
  max-width:760px;
  letter-spacing:0;
  word-spacing:.12em;
  line-height:1.18;
  margin:18px 0 25px;
}
.hero h1 br{display:block;height:0}
.hero p{
  max-width:700px;
  line-height:1.95;
  margin:0 0 27px;
  word-spacing:.12em;
}
.eyebrow{
  line-height:1.7;
  word-spacing:.12em;
}

/* More natural spacing in the home-page creation area */
.creator{margin-top:8px}
.creator input{line-height:1.5}

/* V10: animated but compact "make a wish" CTA */
.wish-card .make{
  position:relative;
  overflow:hidden;
  padding:12px 25px !important;
  border:2px solid rgba(255,255,255,.95) !important;
  background:linear-gradient(110deg,#6d28d9,#8b5cf6,#ec4899,#f43f5e,#8b5cf6,#6d28d9) !important;
  background-size:320% 100% !important;
  animation:v10CtaGradient 4s ease infinite, v10CtaFloat 2.2s ease-in-out infinite !important;
  box-shadow:0 9px 28px #7c3aed40 !important;
}
.wish-card .make:before{
  content:"";
  position:absolute;
  top:-60%;
  left:-45%;
  width:35%;
  height:220%;
  transform:rotate(22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);
  animation:v10CtaShine 2.8s ease-in-out infinite;
}
.wish-card .make strong{
  position:relative;
  z-index:2;
  font-size:17px !important;
}
@keyframes v10CtaGradient{
  0%,100%{background-position:0 50%}
  50%{background-position:100% 50%}
}
@keyframes v10CtaFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}
@keyframes v10CtaShine{
  0%,55%{left:-45%;opacity:0}
  65%{opacity:1}
  85%,100%{left:125%;opacity:0}
}

/* Mobile headline spacing */
@media(max-width:600px){
  .hero h1{
    font-size:46px;
    line-height:1.2;
    letter-spacing:0;
    word-spacing:.08em;
    margin-bottom:22px;
  }
  .hero p{
    line-height:1.9;
    word-spacing:.06em;
  }
}

/* =========================================================
   V11 — Prototype 1: Traditional Royal / Bhakti + Elegant
   ========================================================= */
:root{--royal:#3a0d19;--royal2:#5d1725;--gold:#d8a62a;--gold2:#ffd76a;--cream:#fff7df;--maroon:#711c2c}
body{background:#fff8e9;color:#3a1820}
.hero{background:radial-gradient(circle at 14% 20%,#ffd86c35 0 5%,transparent 22%),radial-gradient(circle at 84% 24%,#e8a52e32 0 6%,transparent 22%),linear-gradient(135deg,#fff9e8,#fff0d1 45%,#ffe7cf)}
.hero:before{background:radial-gradient(circle,#b7791715 1px,transparent 2px);background-size:25px 25px;opacity:.45}
.top-rainbow{height:6px;background:linear-gradient(90deg,#6b111f,#d39a24,#fff0a1,#c48719,#6b111f)}
.brand{color:#5b1522}.brand .lamp{filter:drop-shadow(0 0 14px #e1a72e)}
.navbtn{background:linear-gradient(135deg,#fff0ae,#e1ac32,#8f351f);color:#fff;box-shadow:0 8px 25px #8f351f30}.menu a:hover{color:#a66c12}
.hero h1{background:linear-gradient(90deg,#6c1423,#b67610,#6c1423);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textRainbow 5s linear infinite;font-family:Georgia,"Noto Serif Devanagari",serif}
.hero p{color:#674f45}
.creator{background:#fffdf6;border-color:#e8c66b;box-shadow:0 20px 65px #8a4d1718}
.creator:before{background:linear-gradient(90deg,#8b1e2e,#d9a42d,#fff0a1,#d9a42d,#8b1e2e)}
.creator button{background:linear-gradient(100deg,#741725,#a54d22,#d69b24);animation:royalButton 3s ease infinite}
.perk{color:#6a5545}
.rainbow-orb{background:conic-gradient(#6f1525,#d29a26,#fff0a3,#c58c22,#6f1525);box-shadow:0 0 90px #d49d2e3b;animation:spin 18s linear infinite}
.rainbow-orb:after{background:radial-gradient(circle at 50% 46%,#fff4c1 0 4%,#e8b63d 5% 12%,transparent 13%),radial-gradient(circle,#fff3bf 0 8%,#ffd86a 9% 20%,#a83d2d 21% 32%,#f6d88d 33% 46%,#6b1725 47% 70%,#fff0c8 71%)}
.diya{filter:drop-shadow(0 0 28px #e1a72e)}.note{background:linear-gradient(145deg,#fff8dc,#f5d98b);border-color:#d5a52c;color:#6a1d25}
.soft{background:linear-gradient(135deg,#fff9e9,#fff1d3,#fff8e8)}.heading h2{color:#6b1726}
.card{background:linear-gradient(145deg,#fffdf5,#fff3d8);border-color:#ead093;box-shadow:0 20px 55px #6e28130d}.card:nth-child(1),.card:nth-child(2),.card:nth-child(3){border-color:#ead093}
.step{background:linear-gradient(135deg,#711827,#b65b23,#d9a62a);animation:royalButton 4s ease infinite}
.preview{background:linear-gradient(120deg,#fff4d7,#fff9e8,#f7ead0)}.wa-card{border-color:#e3c46f}.wa-bubble{background:linear-gradient(145deg,#fff8df,#fff0d1);border-left-color:#b87a18}.urlbox{background:#fff6db;color:#6e1a27}
.cta{background:linear-gradient(105deg,#641322,#8f2d2b,#bd7920,#8f2d2b,#641322);background-size:250% 100%;color:#fff;animation:royalFlow 7s linear infinite}.cta p{color:#f7dfb5}.goldbtn{color:#6a1827;background:linear-gradient(135deg,#fff3b1,#e4ae32)}
.stats{border-color:#e2c36f;background:#fffdf6}.stat strong{background:linear-gradient(90deg,#6d1525,#c4861e,#6d1525);-webkit-background-clip:text;background-clip:text;color:transparent}
.wish-page{background:radial-gradient(circle at 50% 8%,#ffd96c2b 0 7%,transparent 28%),linear-gradient(135deg,#fff4d5 0%,#f9dfb2 38%,#fff8e7 68%,#f0d49c 100%)}
.wish-page:after{background:conic-gradient(from 0deg,#d39a2e16,#fff1a526,#8b1d2d16,#fff1a526,#d39a2e16);animation:spin 22s linear infinite}
.wish-top{color:#8d5b16;text-shadow:0 0 10px #f2c85b}
.wish-card{background:linear-gradient(145deg,#fffdf3,#fff3d8,#fff9eb);box-shadow:0 35px 110px #5a152a20,0 0 55px #d9a42d30}
.wish-card:before{background:linear-gradient(120deg,#741827,#d5a02c,#fff0a0,#d5a02c,#741827);background-size:300% 300%;animation:royalBorder 5s linear infinite}
.dw-devotional{background:linear-gradient(120deg,#741827,#d6a32b,#fff0a1,#d6a32b,#741827);box-shadow:0 18px 55px #6a1a271f}.dw-devotional:after{color:#fff1ad;text-shadow:0 0 10px #8b1d2d,0 0 20px #dca52c}.dw-devotional-caption{color:#72202a}
.wish-card h1{background:linear-gradient(90deg,#6c1525,#c68a1d,#7a1b29);-webkit-background-clip:text;background-clip:text;color:transparent}.wish-card .from{color:#704e48}.wish-card .msg{color:#3f2026}.wish-card .blessing{color:#684f49}
.wish-card .make{background:linear-gradient(100deg,#741725,#a33b27,#d59c25,#a33b27,#741725)!important;background-size:300% 100%!important;border:2px solid #fff2b3!important;color:#fff!important;box-shadow:0 9px 30px #6e1a2d38!important;animation:royalCta 3.2s ease infinite!important;text-shadow:0 1px 4px #3e0710aa}
.dw-opening{background:radial-gradient(circle at 50% 40%,#fff0a0 0 5%,#e0a638 12%,transparent 28%),linear-gradient(135deg,#3e0917,#711927 35%,#a66b1a 70%,#3e0917)}
.dw-open-card{background:linear-gradient(145deg,#fff9dfef,#f7dda6ef,#fff8e8ef);box-shadow:0 30px 100px #21050e80,0 0 70px #e2ad3d66}.dw-open-card:before{background:linear-gradient(120deg,#6d1325,#d9a32c,#fff0a0,#d9a32c,#6d1325);background-size:300% 300%;animation:royalBorder 4s linear infinite}.dw-open-card h2{background:linear-gradient(90deg,#701727,#c58a1e,#701727);-webkit-background-clip:text;background-clip:text;color:transparent}.dw-open-card p{color:#6c4b43}.dw-open-progress i{background:linear-gradient(90deg,#731727,#dca72f,#fff0a1,#dca72f,#731727)}
.footer{background:linear-gradient(90deg,#3b0b17,#611523,#3b0b17)}
@keyframes royalBorder{to{background-position:300% 0}}@keyframes royalFlow{to{background-position:300% 0}}@keyframes royalButton{50%{filter:brightness(1.08);box-shadow:0 0 28px #dca52c44}}@keyframes royalCta{0%,100%{background-position:0 50%;transform:translateY(0)}50%{background-position:100% 50%;transform:translateY(-2px);box-shadow:0 13px 35px #7b182d55}}
@media(max-width:600px){.hero h1{font-size:45px;line-height:1.22}.rainbow-orb{width:300px;height:300px}.wish-card .make{padding:11px 22px!important}}

/* =========================================================
   V12 — Prototype 7: RANGOLI FESTIVAL
   ========================================================= */
:root{
 --r-pink:#f43f8f;--r-orange:#ff8a24;--r-yellow:#ffd84d;--r-green:#39c98a;
 --r-blue:#35b8ef;--r-purple:#8155e8;--r-ink:#4b2858;--r-cream:#fffaf0;
}
body{background:#fffaf2;color:var(--r-ink)}
.hero{
 background:
 radial-gradient(circle at 15% 18%,#f43f8f22 0 7%,transparent 22%),
 radial-gradient(circle at 84% 20%,#35b8ef22 0 7%,transparent 23%),
 radial-gradient(circle at 50% 88%,#ffd84d24 0 9%,transparent 28%),
 linear-gradient(135deg,#fff7ef,#fff0fa 42%,#eefcff 100%);
}
.hero:before{
 background-image:
 radial-gradient(circle,#f43f8f30 1.4px,transparent 1.8px),
 radial-gradient(circle,#35b8ef24 1.2px,transparent 1.7px);
 background-size:22px 22px,31px 31px;
 opacity:.5;
}
.top-rainbow{
 height:7px;
 background:linear-gradient(90deg,#f43f8f,#ff8a24,#ffd84d,#39c98a,#35b8ef,#8155e8,#f43f8f);
 background-size:300% 100%;animation:rangoliFlow 5s linear infinite;
}
.brand{color:#713c8e}.brand .lamp{filter:drop-shadow(0 0 15px #ff9f2f)}
.navbtn{background:linear-gradient(135deg,#f43f8f,#8155e8,#35b8ef);color:#fff;box-shadow:0 8px 28px #8155e82b}
.menu a:hover{color:#f43f8f}
.hero h1{
 background:linear-gradient(90deg,#f43f8f,#8155e8,#35b8ef,#39c98a,#ff8a24,#f43f8f);
 background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
 animation:rangoliText 6s linear infinite;
}
.hero p{color:#66516c;line-height:1.95}
.eyebrow{line-height:1.8;word-spacing:.12em}
.creator{
 background:linear-gradient(145deg,#fffef8,#fff5fb,#f2fcff);
 border-color:#f2b7da;box-shadow:0 22px 70px #8c4b8e18;
}
.creator:before{background:linear-gradient(90deg,#f43f8f,#ff8a24,#ffd84d,#39c98a,#35b8ef,#8155e8)}
.creator button{
 background:linear-gradient(100deg,#f43f8f,#ff8a24,#8155e8,#35b8ef);
 background-size:250% 100%;animation:rangoliButton 4s ease infinite;
}
.perk{color:#6a5570}
.art{height:570px}
.rainbow-orb{
 width:450px;height:450px;padding:11px;
 background:
 conic-gradient(#f43f8f 0 12.5%,#ffd84d 12.5% 25%,#39c98a 25% 37.5%,#35b8ef 37.5% 50%,#8155e8 50% 62.5%,#ff8a24 62.5% 75%,#f43f8f 75% 87.5%,#ffd84d 87.5%);
 box-shadow:0 0 95px #f43f8f30;
 animation:spin 22s linear infinite;
}
.rainbow-orb:after{
 background:
 repeating-conic-gradient(from 0deg,#ffffff00 0 7deg,#ffffff90 7deg 8deg,#ffffff00 8deg 15deg),
 radial-gradient(circle,#fff9d8 0 5%,#f43f8f 5.5% 10%,#ffd84d 10.5% 16%,#35b8ef 16.5% 23%,#39c98a 23.5% 31%,#8155e8 31.5% 40%,#ff8a24 40.5% 49%,#f43f8f 49.5% 60%,#fff4d9 60.5%);
}
.diya{filter:drop-shadow(0 0 30px #ff9f24)}
.note{background:linear-gradient(145deg,#fff8fc,#f5edff);border-color:#efb5d6;color:#633e71}
.soft{background:linear-gradient(135deg,#fff9f0,#fff1fb,#effcff)}
.heading h2{color:#713c8e}
.card{background:linear-gradient(145deg,#fffef9,#fff5fc,#f1fbff);border-color:#efc1dc;box-shadow:0 20px 55px #8c4b8e0e}
.step{background:linear-gradient(135deg,#f43f8f,#ff8a24,#8155e8,#35b8ef);background-size:250% 100%;animation:rangoliButton 4s ease infinite}
.preview{background:linear-gradient(120deg,#fff8ef,#fff3fb,#effcff)}
.wa-card{border-color:#efc1dc}.wa-bubble{background:linear-gradient(145deg,#fff7fb,#f2faff);border-left-color:#f43f8f}
.urlbox{background:#fff3fb;color:#713c8e}
.cta{
 background:linear-gradient(105deg,#f43f8f,#ff8a24,#ffd84d,#39c98a,#35b8ef,#8155e8,#f43f8f);
 background-size:350% 100%;animation:rangoliFlow 8s linear infinite;color:#fff;
}
.cta p{color:#fff9ff}.goldbtn{color:#713c8e;background:linear-gradient(135deg,#fff2a7,#ffd84d,#ffb6d8)}
.stats{border-color:#efc1dc;background:#fffdf8}
.stat strong{
 background:linear-gradient(90deg,#f43f8f,#8155e8,#35b8ef,#39c98a);
 -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Rangoli-style recipient page */
.wish-page{
 background:
 radial-gradient(circle at 50% 7%,#ffd84d2b 0 7%,transparent 25%),
 radial-gradient(circle at 10% 45%,#f43f8f18 0 8%,transparent 28%),
 radial-gradient(circle at 90% 72%,#35b8ef18 0 8%,transparent 28%),
 linear-gradient(135deg,#fff7ef,#fff0fb 48%,#eefcff);
}
.wish-page:before{
 content:"✿  ✦  ❀  ✧  ✿  ✦  ❀";
 position:fixed;top:95px;left:0;right:0;text-align:center;
 color:#f43f8f66;font-size:25px;letter-spacing:12px;z-index:0;pointer-events:none;
 animation:rangoliTwinkle 2s ease-in-out infinite alternate;
}
.wish-center{padding-top:30px}
.wish-top{color:#8155e8;text-shadow:0 0 12px #ffd84d}
.wish-card{
 background:
 radial-gradient(circle at 50% 0,#fff3a333 0 10%,transparent 30%),
 linear-gradient(145deg,#fffef7,#fff5fb 55%,#effcff);
 border:4px solid transparent;
 box-shadow:0 35px 110px #6b3f7b1a,0 0 70px #f43f8f1f;
}
.wish-card:before{
 background:
 conic-gradient(#f43f8f,#ffd84d,#39c98a,#35b8ef,#8155e8,#ff8a24,#f43f8f);
 background-size:300% 300%;animation:spin 10s linear infinite;
}
.dw-devotional{
 background:linear-gradient(120deg,#f43f8f,#ff8a24,#ffd84d,#39c98a,#35b8ef,#8155e8,#f43f8f);
 background-size:300% 100%;animation:rangoliFlow 6s linear infinite;
 box-shadow:0 18px 55px #8155e82a;
}
.dw-devotional:after{color:#fff;text-shadow:0 0 10px #f43f8f,0 0 20px #ffd84d}
.dw-devotional-caption{color:#713c8e}
.wish-card .diya2{filter:drop-shadow(0 0 30px #ffd84d)}
.wish-card h1{
 background:linear-gradient(90deg,#f43f8f,#8155e8,#35b8ef,#39c98a,#ff8a24);
 -webkit-background-clip:text;background-clip:text;color:transparent;background-size:250% auto;animation:rangoliText 5s linear infinite;
}
.wish-card .from{color:#633e71}.wish-card .msg{color:#43294e}.wish-card .blessing{color:#644d6d}

/* Compact CTA with rangoli pulse + shine */
.wish-card .make{
 background:linear-gradient(100deg,#f43f8f,#ff8a24,#8155e8,#35b8ef,#f43f8f)!important;
 background-size:300% 100%!important;
 border:2px solid #fff!important;color:#fff!important;
 box-shadow:0 10px 32px #8155e83d!important;
 animation:rangoliCta 3.4s ease infinite!important;
 text-shadow:0 1px 5px #4c1555aa;
}
.wish-card .make:after{
 content:"✦";position:absolute;right:12%;top:15%;font-size:11px;color:#fff;
 animation:rangoliTwinkle 1.1s ease-in-out infinite alternate;
}
.wish-card .music{background:linear-gradient(100deg,#8155e8,#f43f8f,#ff8a24)!important}

/* Opening animation */
.dw-opening{
 background:
 radial-gradient(circle at 50% 40%,#fff8bd 0 5%,#ffca45 12%,transparent 30%),
 linear-gradient(135deg,#f43f8f,#8155e8 32%,#35b8ef 55%,#39c98a 75%,#ff8a24);
 background-size:180% 180%;animation:rangoliOpenBg 6s ease-in-out infinite;
}
.dw-open-card{
 background:linear-gradient(145deg,#fffdf1ef,#fff0faef,#effcffef);
 box-shadow:0 30px 100px #5f2c7b55,0 0 75px #ffd84d77;
}
.dw-open-card:before{
 background:conic-gradient(#f43f8f,#ffd84d,#39c98a,#35b8ef,#8155e8,#ff8a24,#f43f8f);
 animation:spin 4s linear infinite;
}
.dw-open-card h2{
 background:linear-gradient(90deg,#f43f8f,#8155e8,#35b8ef,#39c98a,#ff8a24);
 -webkit-background-clip:text;background-clip:text;color:transparent;
 background-size:250% auto;animation:rangoliText 4s linear infinite;
}
.dw-open-card p{color:#644d6d}
.dw-open-progress i{background:linear-gradient(90deg,#f43f8f,#ffd84d,#39c98a,#35b8ef,#8155e8,#ff8a24)}
.footer{background:linear-gradient(90deg,#4e2465,#713c8e,#4e2465)}

@keyframes rangoliFlow{to{background-position:300% 0}}
@keyframes rangoliText{to{background-position:300% center}}
@keyframes rangoliButton{50%{background-position:100% 50%;filter:brightness(1.08);box-shadow:0 0 30px #f43f8f44}}
@keyframes rangoliCta{
  0%,100%{background-position:0 50%;transform:translateY(0)}
  50%{background-position:100% 50%;transform:translateY(-3px);box-shadow:0 14px 38px #8155e855}
}
@keyframes rangoliTwinkle{from{opacity:.35;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1.35) rotate(12deg)}}
@keyframes rangoliOpenBg{50%{background-position:100% 75%}}
@media(max-width:600px){
 .hero h1{font-size:45px;line-height:1.22}
 .art{height:390px}.rainbow-orb{width:300px;height:300px}
 .wish-card .make{padding:11px 22px!important}
 .wish-page:before{font-size:18px;letter-spacing:5px}
}