:root{
  --bg:#05080d; --bg2:#070b12; --card:#0d121d; --ink:#f2f5f9; --muted:rgba(242,245,249,.55);
  --cyan:#00f0ff; --magenta:#ff2ed6; --green:#2eff70; --yellow:#ffe83d; --blue:#009eff;
  --line:rgba(0,240,255,.16); --ac:var(--cyan);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Segoe UI",Tahoma,"Noto Sans",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
html[dir="rtl"] body{text-align:right}
::selection{background:rgba(0,240,255,.3)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header.top{position:sticky;top:0;z-index:50;background:rgba(5,8,13,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar{display:flex;align-items:center;gap:18px;padding:12px 0;flex-wrap:wrap}
.brand{font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:bold;color:var(--ink);text-decoration:none;letter-spacing:.5px}
.brand span{color:var(--cyan);text-shadow:0 0 12px rgba(0,240,255,.8),0 0 32px rgba(0,240,255,.4)}
nav.main{display:flex;gap:16px;margin-inline-start:auto}
nav.main a{color:var(--muted);text-decoration:none;font-weight:600;font-size:15px}
nav.main a:hover{color:var(--cyan);text-shadow:0 0 10px rgba(0,240,255,.7)}
.langsel{font-size:14px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--ink)}
.hero{background:radial-gradient(620px 320px at 15% 18%,rgba(0,240,255,.14),transparent 60%),radial-gradient(720px 360px at 85% 28%,rgba(255,46,214,.12),transparent 60%),radial-gradient(560px 300px at 50% 105%,rgba(0,158,255,.1),transparent 60%),var(--bg);padding:72px 0 64px;text-align:center}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,6vw,46px);margin:0 0 12px;line-height:1.2;color:#fff;text-shadow:0 0 26px rgba(0,240,255,.35)}
.hero p.sub{font-size:18px;color:var(--muted);max-width:640px;margin:0 auto 26px}
.btn{display:inline-block;background:var(--cyan);color:#001318;padding:13px 30px;border-radius:999px;text-decoration:none;font-weight:700;font-size:16px;border:0;cursor:pointer;box-shadow:0 0 18px rgba(0,240,255,.55),0 0 44px rgba(0,240,255,.22)}
.btn:hover{background:#8df8ff;box-shadow:0 0 28px rgba(0,240,255,.85),0 0 60px rgba(0,240,255,.3)}
.btn.ghost{background:transparent;color:var(--cyan);border:2px solid var(--cyan);margin-inline-start:10px;box-shadow:inset 0 0 14px rgba(0,240,255,.12),0 0 16px rgba(0,240,255,.28)}
.btn.ghost:hover{border-color:#8df8ff;color:#8df8ff;box-shadow:inset 0 0 18px rgba(0,240,255,.2),0 0 26px rgba(0,240,255,.5)}
section.block{padding:52px 0}
h2.sec{font-family:Georgia,"Times New Roman",serif;font-size:30px;margin:0 0 8px;text-align:center;color:#fff;text-shadow:0 0 18px rgba(0,240,255,.25)}
p.secsub{text-align:center;color:var(--muted);margin:0 0 30px}
.block a:not(.tcard):not(.catcard):not(.btn){color:var(--cyan)}
.catgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.catcard{background:var(--card);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);border-radius:14px;padding:22px 12px;text-align:center;text-decoration:none;color:var(--ink);font-weight:700;transition:transform .15s,box-shadow .15s;display:block}
.catcard:hover{transform:translateY(-3px);box-shadow:0 0 18px color-mix(in srgb,var(--ac) 45%,transparent),0 12px 28px rgba(0,0,0,.5)}
.catcard .n{font-size:13px;color:var(--muted);font-weight:400;display:block;margin-top:6px}
.catcard[data-cat="wedding"],.tcard[data-cat="wedding"]{--ac:var(--magenta)}
.catcard[data-cat="graduation"],.tcard[data-cat="graduation"]{--ac:var(--yellow)}
.catcard[data-cat="anniversary"],.tcard[data-cat="anniversary"]{--ac:var(--cyan)}
.catcard[data-cat="birthday"],.tcard[data-cat="birthday"]{--ac:var(--green)}
.catcard[data-cat="baby"],.tcard[data-cat="baby"]{--ac:var(--blue)}
.catcard[data-cat="bridal"],.tcard[data-cat="bridal"]{--ac:var(--magenta)}
.catcard[data-cat="thank"],.tcard[data-cat="thank"]{--ac:var(--cyan)}
.catcard[data-cat="engagement"],.tcard[data-cat="engagement"]{--ac:var(--magenta)}
.catcard[data-cat="retirement"],.tcard[data-cat="retirement"]{--ac:var(--blue)}
.catcard[data-cat="housewarming"],.tcard[data-cat="housewarming"]{--ac:var(--green)}
.catcard[data-cat="holiday"],.tcard[data-cat="holiday"]{--ac:var(--yellow)}
.catcard[data-cat="christmas"],.tcard[data-cat="christmas"]{--ac:var(--green)}
.catcard[data-cat="quince"],.tcard[data-cat="quince"]{--ac:var(--magenta)}
.catcard[data-cat="eid"],.tcard[data-cat="eid"]{--ac:var(--green)}
.catcard[data-cat="shower"],.tcard[data-cat="shower"]{--ac:var(--blue)}
.catcard[data-cat="save-the-date"],.tcard[data-cat="save-the-date"]{--ac:var(--magenta)}
.catcard[data-cat="bachelorette"],.tcard[data-cat="bachelorette"]{--ac:var(--magenta)}
.catcard[data-cat="sweet-sixteen"],.tcard[data-cat="sweet-sixteen"]{--ac:var(--magenta)}
.catcard[data-cat="naming-ceremony"],.tcard[data-cat="naming-ceremony"]{--ac:var(--blue)}
.catcard[data-cat="gender-reveal"],.tcard[data-cat="gender-reveal"]{--ac:var(--cyan)}
.catcard[data-cat="memorial"],.tcard[data-cat="memorial"]{--ac:var(--blue)}
.catcard[data-cat="farewell"],.tcard[data-cat="farewell"]{--ac:var(--blue)}
.catcard[data-cat="reunion"],.tcard[data-cat="reunion"]{--ac:var(--green)}
.catcard[data-cat="bbq"],.tcard[data-cat="bbq"]{--ac:var(--yellow)}
.catcard[data-cat="cocktail"],.tcard[data-cat="cocktail"]{--ac:var(--magenta)}
.catcard[data-cat="wine"],.tcard[data-cat="wine"]{--ac:var(--magenta)}
.catcard[data-cat="book-club"],.tcard[data-cat="book-club"]{--ac:var(--blue)}
.catcard[data-cat="pet"],.tcard[data-cat="pet"]{--ac:var(--green)}
.catcard[data-cat="valentines-day"],.tcard[data-cat="valentines-day"]{--ac:var(--magenta)}
.catcard[data-cat="halloween"],.tcard[data-cat="halloween"]{--ac:var(--yellow)}
.catcard[data-cat="new-years"],.tcard[data-cat="new-years"]{--ac:var(--cyan)}
.catcard[data-cat="diwali"],.tcard[data-cat="diwali"]{--ac:var(--yellow)}
.templgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px}
.tcard{background:var(--card);border:1px solid color-mix(in srgb,var(--ac) 45%,transparent);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.tcard:hover{transform:translateY(-3px);box-shadow:0 0 22px color-mix(in srgb,var(--ac) 50%,transparent),0 14px 30px rgba(0,0,0,.55)}
.tcard .thumb{background:var(--bg2);display:flex;justify-content:center;padding:18px 12px}.pvthumb{width:100%}.pvthumb .stage{margin-left:auto;margin-right:auto}
.tcard .meta{padding:14px 16px 18px}
.tcard h3{font-size:17px;margin:0 0 4px;font-family:Georgia,serif;color:#fff}
.tcard .cat{font-size:13px;color:var(--ac);font-weight:700;text-shadow:0 0 10px color-mix(in srgb,var(--ac) 60%,transparent)}
.tcard .price{font-weight:700;margin-top:8px;color:var(--ink)}
.tcard .cta{display:inline-block;margin-top:10px;background:var(--ac);color:#001318;font-size:14px;font-weight:700;padding:9px 18px;border-radius:999px;box-shadow:0 0 14px color-mix(in srgb,var(--ac) 60%,transparent)}
.howgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.how{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}
.how .step{font-family:Georgia,serif;font-size:34px;color:var(--cyan);font-weight:bold;text-shadow:0 0 16px rgba(0,240,255,.7)}
.how h3{margin:8px 0 6px;font-size:18px;color:#fff}
.how p{color:var(--muted)}
.pricing{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.pricecard{background:var(--card);border:2px solid var(--cyan);border-radius:16px;padding:28px 36px;text-align:center;min-width:240px;box-shadow:0 0 26px rgba(0,240,255,.22),inset 0 0 30px rgba(0,240,255,.05)}
.pricecard .amt{font-family:Georgia,serif;font-size:42px;font-weight:bold;color:#fff;text-shadow:0 0 20px rgba(0,240,255,.6)}
.pricecard p{color:var(--muted);margin:8px 0 18px}
.filterbar{display:flex;align-items:center;gap:12px;margin:0 0 26px;flex-wrap:wrap;color:var(--muted)}
.filterbar select{font-size:15px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--ink)}
.detail{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:36px;align-items:start}
@media(max-width:860px){.detail{grid-template-columns:1fr}}
.formcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 0 24px rgba(0,240,255,.08)}
.formcard h3{color:#fff;margin:0 0 6px}
.formcard label{display:block;font-weight:700;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;margin:16px 0 6px;color:var(--cyan);text-shadow:0 0 10px rgba(0,240,255,.55)}
.formcard input,.formcard textarea,.formcard select{width:100%;font-size:15px;padding:10px 12px;border:1px solid rgba(0,240,255,.25);border-radius:10px;font-family:inherit;background:var(--bg2);color:var(--ink)}
.formcard input:focus,.formcard textarea:focus,.formcard select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 2px rgba(0,240,255,.22),0 0 16px rgba(0,240,255,.35)}
.formcard textarea{min-height:70px;resize:vertical}
.previewbox{position:sticky;top:84px;min-width:0}
@media(max-width:860px){.previewbox{position:static}}
.previewbox h3{color:#fff}
.stagewrap{display:flex;justify-content:center;max-width:100%;overflow:hidden}
.stage{position:relative;box-shadow:0 0 28px rgba(0,240,255,.22),0 18px 50px rgba(0,0,0,.6);border-radius:6px;overflow:hidden;background:#fff;max-width:100%}
.stage .wm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}
.stage .wm span{font-size:52px;font-weight:800;color:rgba(0,0,0,.08);transform:rotate(-24deg);letter-spacing:6px}
.pvthumb .stage{box-shadow:0 0 14px rgba(0,240,255,.15)}
.pv-actions{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.note{background:rgba(0,240,255,.06);border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-size:14px;color:var(--muted);margin-top:18px}
.faq{max-width:760px;margin:0 auto;display:grid;gap:14px;text-align:start}
.faqitem{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 24px}
.faqitem h3{margin:0 0 8px;font-size:18px;color:#fff}
.faqitem p{margin:0;color:var(--muted)}
footer.site{background:#020409;border-top:1px solid var(--line);color:var(--muted);padding:34px 0;margin-top:60px;font-size:14px}
footer.site .wrap{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
footer.site strong{color:#fff}
footer.site .tag{color:var(--muted)}
footer.site .right{margin-inline-start:auto}
footer.site .dedication{color:var(--magenta);font-size:13px;font-weight:700;text-shadow:0 0 10px rgba(255,46,214,.6)}
.hero .badge.ded{color:var(--magenta);border-color:rgba(255,46,214,.45);background:rgba(255,46,214,.07);text-shadow:0 0 8px rgba(255,46,214,.5)}
.badge{display:inline-block;background:rgba(0,240,255,.08);border:1px solid rgba(0,240,255,.4);color:var(--cyan);font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:10px;text-shadow:0 0 8px rgba(0,240,255,.5)}
@media(max-width:560px){
  .pv-actions .btn{width:100%;text-align:center}
  .topbar{gap:12px}
  nav.main{width:100%}
}