:root {
    --ink:#171512;
    --ink-soft:#4e4942;
    --cream:#f7f3ed;
    --paper:#fffdf9;
    --paper-soft:#fbf7f1;
    --line:#e8dfd2;
    --gold:#b8914a;
    --gold-dark:#806126;
    --accent:#8b6548;
    --accent-dark:#61422f;
    --muted:#746d64;
    --danger:#a64646;
    --shadow:0 28px 80px rgba(50,35,20,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
main{min-height:calc(100vh - 160px)}
.container{width:min(1180px,90vw);margin:0 auto}
.navbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;background:rgba(248,244,238,.88);backdrop-filter:blur(22px);border-bottom:1px solid rgba(184,145,74,.16)}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:700;letter-spacing:.01em}
.brand em{color:var(--gold);font-style:normal}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(184,145,74,.55);border-radius:50%;font-family:'Cinzel',serif;color:var(--gold-dark);font-size:17px}
.nav-links{display:flex;gap:23px;align-items:center;font-size:14px;font-weight:700}
.nav-links>a:not(.btn){position:relative}
.nav-links>a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--gold);transition:.25s}
.nav-links>a:hover::after{width:100%}
.eyebrow{color:var(--gold-dark);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800}
h1,h2,h3{font-family:'Cormorant Garamond',serif;margin-top:0}
h1{font-size:clamp(50px,7.4vw,92px);line-height:.96;margin-bottom:24px;font-weight:600}
h2{font-size:clamp(34px,4.8vw,56px);line-height:1.02;margin-bottom:18px}
h3{font-size:27px;margin-bottom:10px}
.lead{font-size:18px;line-height:1.78;color:var(--muted);max-width:730px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:13px 23px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer;transition:.25s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(30,25,20,.18)}
.btn-gold{background:linear-gradient(135deg,#d2b06b,#9a732f);color:#fff}
.btn-glass{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(14px)}
.btn-glass-dark{background:transparent;border-color:rgba(255,255,255,.26);color:#fff}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-light{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-danger{background:var(--danger)}
.btn-small{padding:9px 15px;font-size:13px}
.full-btn{width:100%}
.section{padding:92px 0}
.section-head{max-width:760px;margin-bottom:38px}
.centered-head{text-align:center;margin:0 auto 42px}
.light-head h2,.light-head .lead{color:#fff}
.light-head .eyebrow{color:#d8bb7b}
.grid{display:grid;gap:22px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:rgba(255,253,249,.96);border:1px solid var(--line);border-radius:25px;padding:27px;box-shadow:0 16px 48px rgba(60,43,27,.07)}
.badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f0e4d2;color:var(--gold-dark);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.price{font-size:42px;font-weight:800;margin:18px 0}
.features{padding:0;margin:22px 0;list-style:none;color:var(--muted);line-height:1.8}
.features li{position:relative;padding-left:23px;margin:7px 0}
.features li::before{content:"✦";position:absolute;left:0;color:var(--gold);font-size:11px;top:2px}
.muted,small{color:var(--muted)}

/* Homepage */
.luxury-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(184,145,74,.16),transparent 28%),linear-gradient(135deg,#171814,#20231e 58%,#171510);color:#fff}
.luxury-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}
.luxury-glow{position:absolute;border-radius:50%;filter:blur(12px);opacity:.5}
.glow-one{width:340px;height:340px;background:rgba(184,145,74,.16);right:-80px;top:40px}
.glow-two{width:260px;height:260px;background:rgba(58,100,74,.17);left:-90px;bottom:-60px}
.luxury-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:96px 0 90px}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:#d6bd84;font-size:12px;text-transform:uppercase;letter-spacing:.17em;margin-bottom:22px}
.hero-copy h1 em{display:block;color:#d4b16a;font-weight:500}
.hero-copy .lead{color:rgba(255,255,255,.68)}
.hero-trust{display:flex;gap:26px;flex-wrap:wrap;margin-top:42px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.hero-trust span{display:flex;flex-direction:column;font-size:12px;color:rgba(255,255,255,.55)}
.hero-trust b{font-size:18px;color:#fff;margin-bottom:4px}
.hero-showcase{position:relative;min-height:620px;display:grid;place-items:center}
.hero-frame{width:min(410px,86%);padding:13px;border:1px solid rgba(215,184,122,.5);border-radius:210px 210px 22px 22px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.03));box-shadow:0 36px 90px rgba(0,0,0,.36);transform:rotate(1deg)}
.hero-frame-inner{min-height:570px;border:1px solid rgba(230,204,151,.34);border-radius:195px 195px 15px 15px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:50px 28px;background:radial-gradient(circle at top,#39533f 0,#1d2c23 50%,#172019 100%);position:relative;overflow:hidden}
.islamic-frame-pattern::before,.islamic-frame-pattern::after{content:"✦";position:absolute;color:rgba(216,187,126,.16);font-size:250px;line-height:1;transform:rotate(45deg)}
.islamic-frame-pattern::before{top:-85px;left:-90px}.islamic-frame-pattern::after{bottom:-90px;right:-90px}
.arabic-mark{font-family:'Amiri',serif;color:#e6ce9c;font-size:19px;margin-bottom:22px}
.hero-frame-inner>small{letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.hero-names{font-family:'Great Vibes',cursive;color:#fff;font-size:65px;line-height:1.2;margin:34px 0}
.hero-names i{display:block;font-family:'Cormorant Garamond',serif;font-size:25px;color:#d4b16a}
.hero-date{color:#d4b16a;letter-spacing:.18em;border-top:1px solid rgba(212,177,106,.5);border-bottom:1px solid rgba(212,177,106,.5);padding:10px 16px}
.hero-frame-inner p{font-size:13px;color:rgba(255,255,255,.58);margin-top:18px}
.floating-chip{position:absolute;padding:11px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(20,21,18,.72);backdrop-filter:blur(14px);font-size:12px;color:#e5cf9f;box-shadow:0 14px 35px rgba(0,0,0,.25)}
.chip-one{top:20%;left:0}.chip-two{right:-2%;bottom:18%}
.experience-strip{background:#f0e6d7;border-bottom:1px solid #dcccb5}
.strip-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.strip-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:14px;padding:28px 30px;border-right:1px solid #d8c9b5}
.strip-grid>div:last-child{border-right:0}
.strip-grid span{grid-row:1/3;font-family:'Cormorant Garamond',serif;font-size:38px;color:#a17b39}
.strip-grid strong{font-family:'Cormorant Garamond',serif;font-size:22px}.strip-grid small{font-size:12px}
.design-section{background:#f8f4ee}
.design-filter{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:32px}
.design-filter button{border:1px solid #ddd0bd;background:#fffaf2;border-radius:999px;padding:10px 17px;color:#5d554c;cursor:pointer;font-weight:700}
.design-filter button.active{background:#1d211c;color:#fff;border-color:#1d211c}
.design-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.design-card{background:#fff;border:1px solid #e7ded0;border-radius:28px;overflow:hidden;box-shadow:0 20px 48px rgba(51,38,24,.07);transition:.3s}
.design-card:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(51,38,24,.13)}
.design-preview{height:390px;position:relative;display:grid;place-items:center;overflow:hidden}
.design-preview::before,.mini-template::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.48);border-radius:150px 150px 10px 10px}
.design-preview-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.design-preview-content small{letter-spacing:.2em;text-transform:uppercase;font-size:10px;margin-bottom:24px;color:inherit;opacity:.7}
.design-preview-content strong{font-family:'Cormorant Garamond',serif;font-size:50px;line-height:.86;font-weight:600}
.design-preview-content i{font-family:'Great Vibes',cursive;font-size:28px;margin:10px 0;color:inherit}
.design-preview-content span{margin-top:22px;letter-spacing:.14em;font-size:12px}
.hot-ribbon{position:absolute;z-index:3;top:18px;right:18px;background:rgba(255,255,255,.88);color:#7c5c28;padding:7px 11px;border-radius:999px;font-size:11px}
.design-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:23px 24px 26px}
.design-meta span{color:#a17d42;font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}
.design-meta h3{margin:5px 0 6px;font-size:26px}.design-meta p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.round-preview-btn{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#1c1e1a;color:#fff;font-size:22px;transition:.25s}.round-preview-btn:hover{background:var(--gold);transform:rotate(12deg)}
.package-section{background:#171914;color:#fff;position:relative;overflow:hidden}
.package-section::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(184,145,74,.08);filter:blur(10px);left:-220px;top:-140px}
.package-grid{position:relative;z-index:1}
.package-luxury{position:relative;padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));backdrop-filter:blur(10px)}
.package-luxury.featured{border-color:#cda95e;background:linear-gradient(155deg,rgba(205,169,94,.18),rgba(255,255,255,.04));transform:translateY(-10px)}
.package-label{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#d5b56f,#936c2b);padding:8px 15px;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.package-number{color:#cbaa68;font-family:'Cinzel',serif;font-size:12px;letter-spacing:.2em}.package-luxury h3{font-size:34px;margin-top:16px}.package-luxury p{color:rgba(255,255,255,.58);min-height:70px;line-height:1.6}.package-luxury .price{font-family:'Cormorant Garamond',serif;font-size:60px}.package-luxury .price small{font-size:18px;color:#d7bb80;margin-right:5px}.package-luxury .features{color:rgba(255,255,255,.7);min-height:245px}
.about-luxury{background:#eee4d6}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}
.about-visual{position:relative;min-height:430px}
.about-card-one{position:absolute;inset:35px 65px 35px 20px;background:#1e2921;color:#fff;border-radius:220px 220px 25px 25px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Cormorant Garamond',serif;font-size:28px;box-shadow:var(--shadow)}
.about-card-one strong{font-size:95px;color:#d2b26f;line-height:1}.about-card-one small{color:rgba(255,255,255,.6);font-family:'DM Sans',sans-serif;font-size:12px}.about-card-two{position:absolute;right:10px;bottom:48px;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:#c29b50;color:#fff;font-size:36px;border:8px solid #eee4d6}
.about-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:27px}.about-points span{padding:14px 16px;border:1px solid #d7c7b1;border-radius:14px;background:rgba(255,255,255,.4);font-size:13px}

/* Theme previews */
.preview-floral{background:radial-gradient(circle at 15% 20%,#f0bbc8 0 8%,transparent 9%),radial-gradient(circle at 85% 80%,#adc9b2 0 10%,transparent 11%),linear-gradient(135deg,#f7dce4,#fff8f7 52%,#dfeadf);color:#81515c}
.preview-ivory{background:linear-gradient(135deg,#e5d6b8,#fffdf6 45%,#eee2c9);color:#806b3e}
.preview-royal{background:radial-gradient(circle at top,#315b4c,#102d25 70%);color:#eed79d}
.preview-islamic-emerald{background-color:#123e32;background-image:linear-gradient(30deg,rgba(222,190,123,.12) 12%,transparent 12.5%,transparent 87%,rgba(222,190,123,.12) 87.5%),linear-gradient(150deg,rgba(222,190,123,.12) 12%,transparent 12.5%,transparent 87%,rgba(222,190,123,.12) 87.5%),linear-gradient(30deg,rgba(222,190,123,.12) 12%,transparent 12.5%,transparent 87%,rgba(222,190,123,.12) 87.5%);background-size:70px 120px;color:#e9cf90}
.preview-arabesque-ivory{background:radial-gradient(circle at center,transparent 0 34%,rgba(176,139,75,.11) 35% 36%,transparent 37%),linear-gradient(135deg,#fffaf0,#eee0c7);background-size:80px 80px;color:#826535}
.preview-sage{background:linear-gradient(135deg,#cbd9c1,#f8f2e6);color:#52634d}
.preview-blush{background:linear-gradient(135deg,#ecc6bf,#fff5f0);color:#a55e62}
.preview-midnight{background:radial-gradient(circle at 50% 20%,#39324d,#15131e 68%);color:#e5ca88}
.preview-batik{background-color:#1d5271;background-image:radial-gradient(circle at 25px 25px,#e3a34e 3px,transparent 4px),radial-gradient(circle at 0 0,transparent 18px,rgba(255,255,255,.12) 19px 20px,transparent 21px);background-size:50px 50px;color:#fff1cd}
.preview-modern-islamic{background:linear-gradient(145deg,#f5eee1 0 66%,#39574a 66%);color:#856b3f}

/* Forms and dashboards */
.form-wrap{width:min(720px,92vw);margin:58px auto}.form-wrap .card{padding:34px}
.form-group{margin-bottom:18px}label{display:block;font-weight:800;margin-bottom:8px;font-size:13px}
input,textarea,select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;font:inherit;color:var(--ink);outline:none;transition:.2s}
input:focus,textarea:focus,select:focus{border-color:#b99a62;box-shadow:0 0 0 4px rgba(185,154,98,.12)}
textarea{min-height:118px;resize:vertical}.color-field input{height:48px;padding:5px}
.alert{padding:14px 16px;border-radius:14px;margin:18px 0}.alert-success{background:#e4f3eb;color:#256047}.alert-warning{background:#fff1cc;color:#77530d}.alert-danger{background:#f9dfdf;color:#7f2626}
.dashboard{width:min(1360px,94vw);margin:38px auto 80px}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.luxury-dashboard-head{padding:30px 34px;border:1px solid #ded1bf;border-radius:25px;background:linear-gradient(135deg,#fffdf9,#efe5d7)}.luxury-dashboard-head h2{margin:6px 0 8px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:21px}.stat strong{display:block;font-family:'Cormorant Garamond',serif;font-size:29px;margin:6px 0 3px;line-height:1.05}.stat span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8d7550;font-weight:900}.stat small{font-size:11px}.luxury-stats .stat{position:relative;overflow:hidden}.luxury-stats .stat::after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:rgba(184,145,74,.08);right:-20px;top:-20px}
.status-card{max-width:720px}.pending-card{border-left:4px solid #c99b42}
.status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.status-pending{background:#fff1cc;color:#77530d}.status-approved,.status-published{background:#e4f3eb;color:#256047}.status-rejected,.status-suspended{background:#f9dfdf;color:#7f2626}.status-draft{background:#ece9e7;color:#5f5652}
.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:25px;align-items:start}.sticky{position:sticky;top:88px}.editor-card{padding:0;overflow:hidden}.editor-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:32px 34px;background:linear-gradient(135deg,#20231e,#30372d);color:#fff}.editor-title h2{margin:6px 0 0}.editor-title .eyebrow{color:#d3b474}.save-note{max-width:280px;color:rgba(255,255,255,.55);font-size:12px;text-align:right}
.editor-section{padding:32px 34px;border-bottom:1px solid var(--line)}.editor-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:24px}.editor-section-head>div{display:flex;align-items:center;gap:13px}.editor-section-head h3{margin:0;font-size:25px}.editor-section-head p{max-width:390px;margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.step-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid #cdb994;border-radius:50%;font-size:10px;letter-spacing:.08em;color:#8e6f39;font-weight:900}
.template-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.template-option{margin:0}.template-option>input,.font-option>input{position:absolute;opacity:0;pointer-events:none}.template-option-card{display:block;position:relative;border:2px solid transparent;border-radius:17px;background:#fbf8f2;overflow:hidden;cursor:pointer;transition:.2s}.template-option>input:checked+.template-option-card{border-color:#b5904b;box-shadow:0 0 0 4px rgba(181,144,75,.12)}
.mini-template{height:130px;display:flex;position:relative;align-items:center;justify-content:center;gap:8px;font-family:'Cormorant Garamond',serif;font-size:22px}.mini-template::before{inset:10px;border-radius:60px 60px 7px 7px}.mini-template>*{position:relative;z-index:2}.mini-template i{font-family:'Great Vibes',cursive}.template-option-info{display:flex;flex-direction:column;padding:12px 13px 34px}.template-option-info strong{font-size:13px}.template-option-info small{font-size:10px}.preview-link{position:absolute;right:12px;bottom:10px;color:#8b6a32;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.07em}
.font-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.font-option{margin:0}.font-option>span{display:flex;flex-direction:column;padding:15px;border:2px solid transparent;border-radius:14px;background:#fbf8f3;cursor:pointer;transition:.2s}.font-option>input:checked+span{border-color:#b5904b;background:#fff}.font-option b{font-size:24px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-option small{display:flex;justify-content:space-between;font-size:10px;margin-top:6px}.font-option em{font-style:normal;color:#a17a34;font-weight:900}
.family-panel{padding:18px 18px 2px;border:1px solid var(--line);border-radius:18px;margin-top:14px;background:#fcfaf6}.family-title{display:flex;align-items:center;gap:9px;margin-bottom:14px}.family-title span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e5eee6;color:#46614c}.bride-family .family-title span{background:#f4e6e9;color:#9a5d68}
.input-prefix{display:flex;align-items:center;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.input-prefix:focus-within{border-color:#b99a62;box-shadow:0 0 0 4px rgba(185,154,98,.12)}.input-prefix span{padding:0 0 0 14px;color:#9d8f7c}.input-prefix input{border:0;box-shadow:none!important}
.upload-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:14px}.upload-zone{position:relative;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;border:1.5px dashed #cdbb9e;border-radius:20px;background:linear-gradient(145deg,#fffdf9,#f5eee3);cursor:pointer;transition:.25s}.upload-zone:hover,.upload-zone.has-file{border-color:#a77f3e;transform:translateY(-3px);box-shadow:0 15px 35px rgba(83,61,33,.09)}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:12px;border-radius:50%;background:#e9dcc7;color:#80622f;font-size:21px}.upload-zone strong{font-size:14px}.upload-zone small{font-size:10px;line-height:1.5;margin-top:6px}.upload-zone em{font-style:normal;color:#9a7132;font-size:10px;font-weight:900;margin-top:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.current-media{display:flex;align-items:center;gap:15px;margin-top:18px;padding:13px;border:1px solid var(--line);border-radius:15px}.current-media img{width:90px;height:70px;object-fit:cover;border-radius:10px}
.existing-gallery{margin-top:22px}.existing-gallery-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px}.gallery-manage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.gallery-manage-item{position:relative;margin:0;border-radius:13px;overflow:hidden;background:#eee}.gallery-manage-item img{width:100%;aspect-ratio:1;object-fit:cover}.gallery-manage-item input{position:absolute;top:8px;right:8px;width:18px;height:18px}.gallery-manage-item span{display:block;padding:7px;background:#fff;font-size:9px;text-align:center}.code-area{min-height:220px;font-family:monospace;background:#1e211d;color:#e8dfcf;border-color:#1e211d}
.editor-save-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 34px;background:#f2eadf}.editor-save-bar div{display:flex;flex-direction:column}.editor-save-bar small{font-size:11px}.compact-actions{margin:0}
.share-column{display:grid;gap:18px}.share-card{text-align:center;padding:29px}.share-orb{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;margin:0 auto 17px;background:linear-gradient(135deg,#dbc28e,#9a7131);color:#fff}.share-card h3{margin:8px 0}.copy-field{display:flex;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin:18px 0}.copy-field input{border:0;border-radius:0;font-size:11px}.copy-field button{border:0;background:#1e211d;color:#fff;padding:0 14px;font-weight:800;cursor:pointer}.qr-frame{width:245px;max-width:100%;margin:0 auto 19px;padding:12px;border:1px solid var(--line);border-radius:20px;background:#fff}.qr{width:100%;height:auto}.stack-actions{display:grid;gap:10px}.stack-actions form{margin:0}.custom-note{margin-top:17px;padding:12px;border-radius:13px;background:#f6eddd;color:#765725;font-size:11px;line-height:1.5}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:15px 17px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#f3ece1;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#82683b}td{font-size:13px}.table-actions{display:flex;gap:8px;align-items:center}.table-actions form{margin:0}
.footer{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;padding:35px 6vw;text-align:center;color:var(--muted);border-top:1px solid var(--line);background:#f2ece3}.footer p{margin:0;font-size:12px}.footer-brand{font-size:20px}.footer-brand .brand-mark{width:32px;height:32px}

/* Public invitation */
.invite-page{--invite-accent:#9b6b5a;--invite-font:'Playfair Display',serif;min-height:100vh;margin:0;background:#181713;color:#3b342d;font-family:'DM Sans',sans-serif}.invite-shell{width:min(820px,100%);margin:0 auto;min-height:100vh;background:#fffdf9;box-shadow:0 0 100px rgba(0,0,0,.38);overflow:hidden}.preview-toolbar{position:sticky;top:0;z-index:200;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px max(20px,calc((100vw - 820px)/2));background:#171914;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.preview-toolbar>div{display:flex;flex-direction:column}.preview-toolbar small{color:rgba(255,255,255,.55)}.preview-toolbar a{padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:12px}
.invite-hero{position:relative;min-height:100vh;padding:82px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;overflow:hidden;color:var(--invite-accent)}.invite-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.78),rgba(255,255,255,.92))}.invite-hero>*{position:relative;z-index:2}.invite-eyebrow{text-transform:uppercase;letter-spacing:.28em;font-size:10px;font-weight:900;color:var(--invite-accent)}.invite-names{display:flex;flex-direction:column;align-items:center;margin:25px 0;font-family:var(--invite-font);font-size:clamp(54px,12vw,92px);line-height:.85;font-weight:600}.invite-names small{font-family:'Cormorant Garamond',serif;font-size:.34em;margin:15px 0;color:var(--invite-accent)}.invite-date{letter-spacing:.22em;font-size:13px;font-weight:800}.invite-venue{font-size:13px;opacity:.75}.scroll-cue{position:absolute;bottom:32px;display:flex;flex-direction:column;gap:8px;font-size:13px;animation:bob 1.8s infinite}.scroll-cue span{text-transform:uppercase;letter-spacing:.15em;font-size:8px}.hero-ornament{position:absolute;left:50%;width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--invite-accent),transparent);opacity:.55}.ornament-top{top:60px;transform:translateX(-50%)}.ornament-bottom{bottom:65px;transform:translateX(-50%)}.bismillah{font-family:'Amiri',serif;font-size:24px;margin-bottom:20px}.section-symbol{font-family:'Cormorant Garamond',serif;font-size:34px;color:var(--invite-accent);margin-bottom:12px}.invite-section{padding:76px 42px;text-align:center;position:relative}.invite-section h2{font-family:var(--invite-font);font-size:clamp(34px,7vw,54px);font-weight:600;margin:14px auto 20px;max-width:640px}.invite-section p,.body-copy{color:inherit;opacity:.78;line-height:1.8}.intro-copy{max-width:600px;margin:0 auto}.family-invitation{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin:38px 0 30px;padding:30px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;border-color:color-mix(in srgb,var(--invite-accent) 25%,transparent)}.family-invitation>div{display:flex;flex-direction:column;gap:4px}.family-invitation small{text-transform:uppercase;letter-spacing:.14em;font-size:8px}.family-invitation strong{font-family:var(--invite-font);font-size:20px}.family-invitation span{font-family:'Cormorant Garamond',serif}.family-invitation>i{font-family:'Great Vibes',cursive;font-size:25px;color:var(--invite-accent)}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(530px,100%);margin:34px auto 0}.countdown div{padding:17px 8px;border:1px solid color-mix(in srgb,var(--invite-accent) 45%,transparent);border-radius:18px;background:rgba(255,255,255,.35)}.countdown strong{display:block;font-family:var(--invite-font);font-size:31px}.countdown span{font-size:8px;text-transform:uppercase;letter-spacing:.12em}.venue-section{background:color-mix(in srgb,var(--invite-accent) 7%,#fff)}.event-time{font-size:20px}.invite-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}.invite-btn{padding:12px 19px;border-radius:999px;background:var(--invite-accent);border:1px solid var(--invite-accent);color:#fff;font-size:12px;font-weight:800}.invite-btn-outline{background:transparent;color:var(--invite-accent)}.itinerary-card{max-width:570px;margin:24px auto 0;padding:27px;border:1px solid color-mix(in srgb,var(--invite-accent) 25%,transparent);border-radius:24px;line-height:2;text-align:left;background:rgba(255,255,255,.42)}
.gallery-section{background:color-mix(in srgb,var(--invite-accent) 7%,#fff)}.gallery-slider{position:relative;width:min(620px,100%);margin:26px auto 0}.gallery-track{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;box-shadow:0 25px 65px rgba(0,0,0,.16)}.gallery-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.04);transition:opacity .75s ease,transform .75s ease}.gallery-slide.active{opacity:1;transform:scale(1)}.gallery-slide img{width:100%;height:100%;object-fit:cover}.gallery-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.88);box-shadow:0 8px 25px rgba(0,0,0,.16);font-size:27px;color:#333;cursor:pointer}.gallery-arrow.prev{left:-20px}.gallery-arrow.next{right:-20px}.gallery-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}.gallery-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--invite-accent) 25%,transparent);cursor:pointer;transition:.25s}.gallery-dots button.active{width:24px;border-radius:99px;background:var(--invite-accent)}
.rsvp-section{background:#fff}.rsvp-card{max-width:610px;margin:28px auto 0;padding:28px;text-align:left;border:1px solid color-mix(in srgb,var(--invite-accent) 20%,transparent);border-radius:25px;background:color-mix(in srgb,var(--invite-accent) 4%,#fff);box-shadow:0 18px 45px rgba(0,0,0,.06)}.rsvp-card label{color:#3e382f}.rsvp-card input,.rsvp-card textarea,.rsvp-card select{border-color:color-mix(in srgb,var(--invite-accent) 20%,#ddd)}.invite-submit{width:100%;border:0;border-radius:999px;padding:14px 20px;background:var(--invite-accent);color:#fff;font-weight:900;cursor:pointer}.preview-rsvp-note{max-width:550px;margin:25px auto;padding:18px;border:1px dashed color-mix(in srgb,var(--invite-accent) 35%,transparent);border-radius:18px}.wishes-section{background:color-mix(in srgb,var(--invite-accent) 7%,#fff)}.wish-carousel{max-width:610px;margin:25px auto 0}.wish-stage{position:relative;min-height:190px}.wish-item{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(10px);transition:.35s;pointer-events:none}.wish-item.active{opacity:1;transform:none;pointer-events:auto}.wish-item blockquote{margin:0 0 16px;font-family:var(--invite-font);font-size:clamp(24px,5vw,36px);line-height:1.35}.wish-item strong{font-size:12px;letter-spacing:.08em}.wish-dots{display:flex;justify-content:center;gap:11px;margin-top:15px}.wish-dots button{display:grid;place-items:center;width:19px;height:19px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}.wish-dots span{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--invite-accent) 35%,transparent)}.wish-dots button.active{border-color:var(--invite-accent)}.wish-dots button.active span{background:var(--invite-accent)}.wish-hint{display:block;margin-top:13px;font-size:9px}.invite-footer{padding:58px 30px;text-align:center;background:#171914;color:#fff}.invite-footer div{color:#c7a862;font-size:25px}.invite-footer strong{display:block;font-family:var(--invite-font);font-size:29px;margin:12px 0}.invite-footer small{color:rgba(255,255,255,.48)}.audio-float{position:fixed;right:20px;bottom:20px;z-index:90;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#1c201b;color:#fff;cursor:pointer;box-shadow:0 10px 35px rgba(0,0,0,.3)}.audio-float.playing{animation:pulse 1.6s infinite}

/* Invitation theme details */
.theme-floral{--invite-accent:#9a6570}.theme-floral .invite-hero{background-color:#fff8f8;background-image:radial-gradient(circle at 6% 10%,rgba(228,173,187,.5) 0 7%,transparent 8%),radial-gradient(circle at 94% 90%,rgba(151,190,159,.45) 0 8%,transparent 9%)}
.theme-ivory{--invite-accent:#92753e}.theme-ivory .invite-hero{background:linear-gradient(135deg,#eee2ca,#fffdf7 45%,#eadcc1)}
.theme-royal{--invite-accent:#d1b269}.theme-royal .invite-shell{background:#14362e;color:#f4e8cb}.theme-royal .invite-hero::before{background:linear-gradient(rgba(18,54,46,.72),rgba(18,54,46,.9))}.theme-royal .venue-section,.theme-royal .gallery-section,.theme-royal .wishes-section{background:#173e34}.theme-royal .rsvp-section{background:#123229}.theme-royal .rsvp-card{background:#fff;color:#30291e}.theme-royal .invite-footer{background:#0d241e}
.theme-islamic-emerald{--invite-accent:#d1b36f}.theme-islamic-emerald .invite-shell{background:#123a30;color:#f4e9cd}.theme-islamic-emerald .invite-hero{background-color:#123a30;background-image:linear-gradient(30deg,rgba(209,179,111,.1) 12%,transparent 12.5%,transparent 87%,rgba(209,179,111,.1) 87.5%),linear-gradient(150deg,rgba(209,179,111,.1) 12%,transparent 12.5%,transparent 87%,rgba(209,179,111,.1) 87.5%);background-size:90px 155px}.theme-islamic-emerald .invite-hero::before{background:linear-gradient(rgba(12,48,39,.72),rgba(12,48,39,.88))}.theme-islamic-emerald .venue-section,.theme-islamic-emerald .gallery-section,.theme-islamic-emerald .wishes-section{background:#173f35}.theme-islamic-emerald .rsvp-section{background:#10372d}.theme-islamic-emerald .rsvp-card{background:#fff;color:#332d24}.theme-islamic-emerald .invite-footer{background:#0b2c24}
.theme-arabesque-ivory{--invite-accent:#a07c3c}.theme-arabesque-ivory .invite-hero{background-color:#fffaf0;background-image:radial-gradient(circle at center,transparent 0 35%,rgba(160,124,60,.11) 36% 37%,transparent 38%);background-size:90px 90px}
.theme-sage{--invite-accent:#657a5a}.theme-sage .invite-hero{background:linear-gradient(145deg,#d8e2d0,#fbf7ed)}
.theme-blush{--invite-accent:#ad6b72}.theme-blush .invite-hero{background:linear-gradient(145deg,#f1d1ca,#fff8f5)}
.theme-midnight{--invite-accent:#dec27d}.theme-midnight .invite-shell{background:#191724;color:#f2e7cf}.theme-midnight .invite-hero{background:radial-gradient(circle at top,#3a334d,#171521 70%)}.theme-midnight .invite-hero::before{background:linear-gradient(rgba(23,21,33,.25),rgba(23,21,33,.65))}.theme-midnight .venue-section,.theme-midnight .gallery-section,.theme-midnight .wishes-section{background:#201d2c}.theme-midnight .rsvp-section{background:#181621}.theme-midnight .rsvp-card{background:#fff;color:#352e25}.theme-midnight .invite-footer{background:#100e17}
.theme-batik{--invite-accent:#d99b47}.theme-batik .invite-hero{background-color:#1d5271;background-image:radial-gradient(circle at 25px 25px,rgba(227,163,78,.75) 3px,transparent 4px),radial-gradient(circle at 0 0,transparent 18px,rgba(255,255,255,.12) 19px 20px,transparent 21px);background-size:50px 50px}.theme-batik .invite-hero::before{background:linear-gradient(rgba(18,64,89,.52),rgba(18,64,89,.86))}.theme-batik .invite-shell{color:#3e3326}.theme-batik .venue-section,.theme-batik .gallery-section,.theme-batik .wishes-section{background:#f5ead9}
.theme-modern-islamic{--invite-accent:#8b7142}.theme-modern-islamic .invite-hero{background:linear-gradient(145deg,#f4ebdd 0 68%,#375548 68%)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(197,164,95,.35)}50%{box-shadow:0 0 0 13px rgba(197,164,95,0)}}

@media(max-width:1050px){.luxury-hero-grid,.about-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .lead{margin-inline:auto}.hero-copy .actions,.hero-trust{justify-content:center}.hero-showcase{min-height:570px}.design-grid{grid-template-columns:1fr 1fr}.editor-grid{grid-template-columns:1fr}.sticky{position:static}.share-card{max-width:520px;margin:auto}.upload-grid{grid-template-columns:1fr 1fr}.upload-zone-wide{grid-column:1/-1}.gallery-manage-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.navbar{padding:12px 4vw}.nav-links{gap:12px}.nav-links>a:not(.btn){display:none}.brand{font-size:21px}.brand-mark{width:34px;height:34px}.luxury-hero-grid{padding:65px 0 55px;gap:35px}.hero-showcase{min-height:480px}.hero-frame-inner{min-height:450px}.hero-names{font-size:52px}.floating-chip{display:none}.strip-grid{grid-template-columns:1fr}.strip-grid>div{border-right:0;border-bottom:1px solid #d8c9b5}.design-grid,.grid-3,.grid-2,.stats{grid-template-columns:1fr}.package-luxury.featured{transform:none}.about-points{grid-template-columns:1fr}.about-visual{min-height:360px}.template-picker,.font-picker{grid-template-columns:1fr}.editor-title,.editor-section-head,.editor-save-bar,.dashboard-head{align-items:flex-start;flex-direction:column}.save-note{text-align:left}.editor-section,.editor-title,.editor-save-bar{padding:24px 20px}.upload-grid{grid-template-columns:1fr}.upload-zone-wide{grid-column:auto}.gallery-manage-grid{grid-template-columns:repeat(3,1fr)}.preview-toolbar{padding:10px 14px}.preview-toolbar small{display:none}.invite-section{padding:62px 23px}.family-invitation{grid-template-columns:1fr;padding:24px 12px}.family-invitation>i{margin:4px 0}.countdown{grid-template-columns:repeat(2,1fr)}.gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}.invite-hero{min-height:92vh}.invite-names{font-size:58px}.rsvp-card{padding:20px}.experience-strip{display:none}}
@media(max-width:450px){h1{font-size:47px}.hero-frame{width:95%}.hero-frame-inner{min-height:420px}.design-preview{height:330px}.gallery-manage-grid{grid-template-columns:repeat(2,1fr)}.about-card-one{inset:20px 35px 20px 0}.about-card-two{width:95px;height:95px}.preview-toolbar{font-size:11px}.preview-toolbar a{padding:7px 9px}.invite-section h2{font-size:37px}}


/* RSVP management dashboard */
.field-help{display:block;margin-top:7px;color:#8c8174;font-size:11px}.rsvp-management{margin-top:38px}.rsvp-management-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:20px}.rsvp-management-head h2{margin:5px 0 7px;font-size:34px}.rsvp-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.rsvp-summary-card{position:relative;overflow:hidden;padding:23px;border:1px solid #e5d8c7;border-radius:22px;background:linear-gradient(145deg,#fff,#fbf6ef);box-shadow:0 14px 38px rgba(63,45,25,.06)}.rsvp-summary-card::after{content:'';position:absolute;right:-22px;top:-25px;width:85px;height:85px;border-radius:50%;background:rgba(173,138,84,.08)}.rsvp-summary-card span,.rsvp-summary-card small{display:block;color:#887c6e}.rsvp-summary-card strong{display:block;margin:7px 0 3px;font-family:'Cormorant Garamond',serif;font-size:38px;color:#2d2924}.rsvp-summary-card.attending{border-color:#cde1d5;background:linear-gradient(145deg,#fff,#f1faf4)}.rsvp-summary-card.declined{border-color:#ead3d1;background:linear-gradient(145deg,#fff,#fcf3f2)}.rsvp-table-card{overflow:hidden;border:1px solid #e5d8c7;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(55,39,21,.07)}.rsvp-toolbar{display:flex;gap:12px;padding:18px;border-bottom:1px solid #eee4d7;background:#fcfaf6}.rsvp-toolbar input,.rsvp-toolbar select{margin:0}.rsvp-toolbar input{flex:1}.rsvp-toolbar select{width:190px}.table-scroll{overflow-x:auto}.rsvp-table{width:100%;border-collapse:collapse;min-width:880px}.rsvp-table th{padding:15px 17px;text-align:left;background:#f7f2eb;color:#776a5d;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.rsvp-table td{padding:17px;border-top:1px solid #f0e9df;vertical-align:top;font-size:13px}.rsvp-table td small{display:block;margin-top:4px;color:#978b7d}.rsvp-table tbody tr:hover{background:#fffaf3}.attendance-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.attendance-badge.yes{background:#e6f5eb;color:#247342}.attendance-badge.no{background:#f9e8e6;color:#a34742}.wish-cell{max-width:300px;line-height:1.55}.empty-rsvp{padding:65px 25px;text-align:center}.empty-rsvp>div{font-size:36px;color:#bd9860}.empty-rsvp h3{margin:9px 0 6px}.empty-rsvp p{margin:auto;max-width:430px;color:#8a7e70}.rsvp-no-result{padding:28px;text-align:center;color:#8a7e70}
@media(max-width:760px){.rsvp-management-head{align-items:flex-start;flex-direction:column}.rsvp-summary-grid{grid-template-columns:1fr}.rsvp-toolbar{flex-direction:column}.rsvp-toolbar select{width:100%}}


/* CardKita V4: opening animations, bottom action bar, modals and multi-device preview */
.opening-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.opening-option{display:grid;gap:8px;padding:12px;border:1px solid #e6d8c7;border-radius:18px;cursor:pointer;background:#fff}.opening-option input{position:absolute;opacity:0}.opening-option:has(input:checked){border-color:#b7975a;box-shadow:0 0 0 3px rgba(183,151,90,.14)}.opening-option small{color:#746b62}.opening-demo{height:125px;border-radius:14px;background:linear-gradient(145deg,#f6efe5,#e8d6bf);display:grid;place-items:center;position:relative;overflow:hidden}.opening-demo b{z-index:2;font-family:'Cormorant Garamond',serif}.demo-envelope{width:70px;height:45px;background:#c5a46b;position:absolute;bottom:22px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.opening-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fffaf2,#e9dbc7);overflow:hidden;transition:opacity .65s,visibility .65s}.opening-screen.opened{opacity:0;visibility:hidden}.opening-envelope{width:310px;height:205px;position:relative;animation:openingFly 2.2s cubic-bezier(.18,.8,.25,1) both}.envelope-back,.envelope-front,.envelope-flap{position:absolute;inset:0;border-radius:8px}.envelope-back{background:#c9a96d}.envelope-front{background:linear-gradient(145deg,#d8bd87,#b6904f);clip-path:polygon(0 35%,50% 70%,100% 35%,100% 100%,0 100%);z-index:4}.envelope-flap{height:58%;background:#dfc695;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:5;animation:flapOpen .8s 2.15s forwards}.opening-card{position:absolute;left:25px;right:25px;top:20px;height:165px;background:#fffaf1;border-radius:8px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #745f3d33;animation:cardRise 1s 2.35s forwards}.opening-card strong{font:700 30px var(--invite-font,'Cormorant Garamond',serif);color:#3b3027}.opening-card small,.opening-card span{letter-spacing:2px;color:#8b7353}.open-invitation-btn{position:absolute;bottom:12%;border:0;border-radius:999px;padding:14px 30px;background:#ad8b50;color:#fff;font-weight:700;box-shadow:0 12px 35px #73592f44;cursor:pointer;opacity:0;animation:buttonIn .6s 3s forwards}.skip-opening{position:absolute;right:20px;top:20px;border:0;background:transparent;color:#6e6255;cursor:pointer}.opening-royal-lift .opening-envelope{animation:royalLift 1.7s both}.opening-card-flip .opening-envelope{animation:cardFlip 2.2s both}.opening-noor-arch{background:radial-gradient(circle,#214c3d,#08291f)}.opening-noor-arch .opening-arch{position:absolute;width:min(460px,88vw);height:75vh;border:3px solid #d8bd78;border-bottom:0;border-radius:220px 220px 0 0;box-shadow:0 0 45px #d8bd7855}.opening-blossom:before,.opening-blossom:after{content:'✿ ✿ ✿';position:absolute;color:#b95f74;font-size:38px;animation:petalFall 4s linear infinite}.opening-blossom:before{left:10%;top:-10%}.opening-blossom:after{right:10%;top:-15%;animation-delay:1s}@keyframes openingFly{0%{transform:translate(-120vw,40vh) rotate(-18deg) scale(.5)}70%{transform:translate(0,0) rotate(4deg) scale(1.04)}100%{transform:none}}@keyframes flapOpen{to{transform:rotateX(170deg);z-index:1}}@keyframes cardRise{to{transform:translateY(-105px)}}@keyframes buttonIn{to{opacity:1}}@keyframes royalLift{0%{transform:translateY(120vh)}100%{transform:none}}@keyframes cardFlip{0%{transform:rotateY(0) scale(.4);opacity:0}100%{transform:rotateY(720deg);opacity:1}}@keyframes petalFall{to{transform:translateY(120vh) rotate(180deg)}}
.invite-shell{padding-bottom:92px}.invite-bottom-bar{position:fixed;z-index:900;bottom:0;left:50%;transform:translateX(-50%);width:min(720px,100%);display:grid;grid-template-columns:repeat(5,1fr);background:#c8aa73;box-shadow:0 -8px 35px #0002}.invite-bottom-bar button{border:0;background:transparent;color:#fff;padding:13px 4px 11px;display:grid;gap:4px;place-items:center;cursor:pointer;font-family:inherit}.invite-bottom-bar button:hover{background:#b7955a}.invite-bottom-bar span{font-size:22px}.invite-bottom-bar small{font-weight:700}.invite-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:#1b171260;backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.25s}.invite-modal.open{opacity:1;visibility:visible}.invite-modal-card{width:min(520px,95vw);max-height:88vh;overflow:auto;background:#fff;border-radius:16px;padding:32px 24px;position:relative;box-shadow:0 30px 80px #0005}.invite-modal-card h2{text-align:center;margin:0 0 22px}.invite-modal-close{position:absolute;right:13px;top:10px;border:0;background:#f2eee8;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer}.attendance-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}.attendance-choice input{position:absolute;opacity:0}.attendance-choice span{display:block;text-align:center;padding:12px;border:2px solid #eee;border-radius:6px}.attendance-choice input:checked+span{border-color:#273142;font-weight:700}.modal-action{display:block;text-align:center;text-decoration:none;margin-top:12px}.modal-actions{display:grid;gap:8px}.modal-action.secondary{background:#eee;color:#222}
.stat-button{border:0;text-align:left;cursor:pointer;font-family:inherit}.dashboard-modal{position:fixed;inset:0;z-index:2000;background:#17130e99;backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:.25s}.dashboard-modal.open{opacity:1;visibility:visible}.dashboard-modal-panel{position:relative;width:min(780px,96vw);max-height:92vh;overflow:auto;background:#f8f4ed;border-radius:24px;padding:26px;box-shadow:0 30px 100px #0005}.dashboard-modal-wide{width:min(1180px,97vw)}.dashboard-modal-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border:0;border-radius:50%;font-size:25px;cursor:pointer;z-index:3}.device-preview-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.device-switcher{display:flex;background:#e9dfd1;border-radius:12px;padding:4px}.device-switcher button{border:0;padding:10px 14px;border-radius:9px;background:transparent;cursor:pointer}.device-switcher button.active{background:#fff;box-shadow:0 3px 12px #0002}.device-stage{min-height:680px;background:#d8d2c8;border-radius:18px;padding:24px;display:grid;place-items:center;overflow:auto}.device-frame{transition:.3s;background:#fff;box-shadow:0 20px 55px #0004;overflow:hidden}.device-frame iframe{width:100%;height:100%;border:0}.device-frame.mobile{width:390px;height:680px;border-radius:32px}.device-frame.tablet{width:768px;height:620px;border-radius:22px}.device-frame.desktop{width:1120px;height:650px;border-radius:12px}.modal-open{overflow:hidden}
@media(max-width:760px){.opening-picker{grid-template-columns:1fr}.opening-envelope{transform:scale(.85)}.invite-bottom-bar small{font-size:11px}.invite-modal-card{padding:28px 18px}.device-preview-head{align-items:flex-start;flex-direction:column}.device-stage{min-height:590px;padding:10px}.device-frame.mobile{width:340px;height:590px}.device-frame.tablet,.device-frame.desktop{width:700px;height:560px}.dashboard-modal{padding:8px}.dashboard-modal-panel{padding:18px 12px}.rsvp-management{padding:0}.rsvp-management-head{padding-right:42px}}


/* CardKita V5 — Premium template presentation */
.design-section{position:relative;background:
radial-gradient(circle at 10% 10%,rgba(191,153,84,.10),transparent 24%),
radial-gradient(circle at 90% 12%,rgba(80,103,83,.08),transparent 22%),
linear-gradient(180deg,#fbf8f3 0%,#f4eee5 100%)}
.design-section::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(138,105,55,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(138,105,55,.028) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.design-section .container{position:relative;z-index:1}
.design-filter{padding:7px;border:1px solid rgba(169,133,72,.18);border-radius:999px;background:rgba(255,255,255,.66);backdrop-filter:blur(16px);width:max-content;max-width:100%;margin-left:auto;margin-right:auto;box-shadow:0 10px 35px rgba(67,46,25,.06)}
.design-filter button{background:transparent;border-color:transparent;padding:10px 18px}
.design-filter button.active{background:linear-gradient(135deg,#262821,#11120f);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.design-grid{gap:34px}
.design-card{position:relative;border:1px solid rgba(158,120,61,.22);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(253,249,243,.98));box-shadow:0 25px 65px rgba(57,40,23,.10),inset 0 1px 0 rgba(255,255,255,.9);isolation:isolate}
.design-card::after{content:"";position:absolute;inset:0;border-radius:32px;pointer-events:none;border:1px solid rgba(255,255,255,.75)}
.design-card:hover{transform:translateY(-10px);border-color:rgba(184,145,74,.58);box-shadow:0 38px 85px rgba(57,40,23,.18),0 0 0 5px rgba(184,145,74,.06)}
.design-preview{height:410px;margin:12px 12px 0;border-radius:23px 23px 13px 13px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);overflow:hidden}
.design-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 40%,rgba(0,0,0,.03));pointer-events:none}
.design-preview-content{filter:drop-shadow(0 4px 18px rgba(0,0,0,.05))}
.design-preview-content strong{font-size:48px;letter-spacing:.01em}
.hot-ribbon{top:22px;right:22px;border:1px solid rgba(159,118,48,.24);background:rgba(255,253,248,.92);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(63,44,22,.10)}
.design-meta{padding:27px 28px 29px;min-height:155px;align-items:center}
.design-meta h3{font-size:30px;letter-spacing:-.01em}
.design-meta p{font-size:12px;max-width:430px}
.round-preview-btn{width:52px;height:52px;border:1px solid rgba(216,185,124,.35);background:linear-gradient(145deg,#292b25,#11120f);box-shadow:0 12px 28px rgba(20,20,16,.20)}
.round-preview-btn:hover{background:linear-gradient(135deg,#d0ad65,#8c6428);transform:translateY(-2px) rotate(8deg)}

/* Template cards inside user/admin editor */
.template-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.template-option-card{border:1px solid rgba(166,128,67,.20);border-radius:22px;background:linear-gradient(180deg,#fff,#fbf6ee);box-shadow:0 14px 36px rgba(66,47,27,.07);transition:.28s ease}
.template-option-card:hover{transform:translateY(-5px);border-color:rgba(184,145,74,.50);box-shadow:0 24px 50px rgba(66,47,27,.13)}
.template-option>input:checked+.template-option-card{border-color:#b5904b;box-shadow:0 0 0 4px rgba(181,144,75,.12),0 24px 52px rgba(66,47,27,.14)}
.template-option>input:checked+.template-option-card::after{content:"✓ Dipilih";position:absolute;top:12px;left:12px;z-index:5;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,#d2b06b,#8f6729);color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 18px rgba(116,79,31,.25)}
.mini-template{height:190px;font-size:25px;border-bottom:1px solid rgba(169,133,72,.12)}
.mini-template::before{inset:13px;border-radius:92px 92px 10px 10px}
.template-option-info{padding:16px 17px 42px}
.template-option-info strong{font-family:'Cormorant Garamond',serif;font-size:20px}
.template-option-info small{margin-top:4px;text-transform:uppercase;letter-spacing:.08em;color:#8b734e}
.preview-link{right:16px;bottom:14px;padding:6px 10px;border-radius:999px;background:#f2e7d5;color:#765422}

/* Premium opening and font selector cards */
.opening-picker{gap:18px}
.opening-option{border:1px solid rgba(166,128,67,.20);border-radius:22px;padding:14px;background:linear-gradient(180deg,#fff,#fbf7f0);box-shadow:0 14px 34px rgba(66,47,27,.06);transition:.28s ease}
.opening-option:hover{transform:translateY(-5px);border-color:rgba(184,145,74,.48);box-shadow:0 24px 48px rgba(66,47,27,.12)}
.opening-option:has(input:checked){border-color:#b7975a;box-shadow:0 0 0 4px rgba(183,151,90,.12),0 24px 48px rgba(66,47,27,.12)}
.opening-demo{height:150px;border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 0 40px rgba(255,255,255,.25)}
.opening-demo b{font-size:18px}
.font-option>span{border:1px solid rgba(166,128,67,.18);border-radius:18px;background:linear-gradient(180deg,#fff,#fbf7f0);box-shadow:0 10px 28px rgba(66,47,27,.05);transition:.25s ease}
.font-option>span:hover{transform:translateY(-3px);border-color:rgba(184,145,74,.45);box-shadow:0 18px 36px rgba(66,47,27,.10)}
.font-option>input:checked+span{border-color:#b5904b;box-shadow:0 0 0 4px rgba(181,144,75,.11),0 18px 38px rgba(66,47,27,.10)}

/* Luxury editor surfaces */
.editor-section{border-color:rgba(171,132,71,.19);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(252,247,239,.98));box-shadow:0 20px 55px rgba(61,43,24,.07)}
.editor-section-head{border-bottom-color:rgba(171,132,71,.14)}
.step-number{background:linear-gradient(135deg,#d6b46d,#8e672c)!important;color:#fff!important;box-shadow:0 8px 20px rgba(127,87,35,.22)}

@media(max-width:760px){
 .design-filter{width:100%;border-radius:24px}
 .design-preview{height:360px}
 .template-picker{grid-template-columns:1fr}
 .mini-template{height:175px}
}

/* CardKita V6 — Cinematic invitation experience */
.scroll-progress{position:fixed;z-index:1600;left:0;top:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#8d6a31,#e3c782,#fff1bf);box-shadow:0 0 16px rgba(211,177,104,.55)}
.preview-toolbar{gap:18px}.preview-replay{border:1px solid rgba(184,145,74,.38);background:#fffaf1;color:#745a2b;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}.preview-replay:hover{background:#f2e6cf}
.invite-shell{opacity:.001;transform:translateY(18px);transition:opacity 1s ease,transform 1s ease}.invite-shell.invite-entered{opacity:1;transform:none}
.reveal-on-scroll{opacity:0;transform:translateY(38px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal-on-scroll.revealed{opacity:1;transform:none}

.opening-screen{display:block;background:#0d100d;perspective:1300px;isolation:isolate;transition:opacity .85s ease,visibility .85s ease}.opening-screen.opened{opacity:0;visibility:hidden}.opening-backdrop{position:absolute;inset:-6%;background:radial-gradient(circle at 50% 30%,#4d4634 0,#25251e 30%,#11130f 68%,#080907 100%);transform:scale(1.12);transition:transform 3s ease}.opening-screen.ready .opening-backdrop{transform:scale(1)}.opening-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 20%,rgba(0,0,0,.28) 58%,rgba(0,0,0,.82) 100%);z-index:2}.opening-shimmer{position:absolute;inset:-40%;z-index:3;background:linear-gradient(115deg,transparent 42%,rgba(255,240,187,.12) 49%,transparent 56%);transform:translateX(-40%) rotate(8deg);animation:luxuryShimmer 7s ease-in-out infinite}.opening-stage{position:relative;z-index:8;width:min(760px,94vw);height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 20px 44px}.opening-kicker,.opening-subtitle{margin:0;color:rgba(255,244,215,.66);text-transform:uppercase;letter-spacing:.34em;font-size:10px;opacity:0;transform:translateY(14px)}.opening-screen.ready .opening-kicker{animation:openingTextIn .9s .45s forwards}.opening-screen.ready .opening-subtitle{animation:openingTextIn .8s 3.55s forwards}.opening-arch{position:absolute;z-index:4;left:50%;top:50%;width:min(510px,84vw);height:min(760px,82vh);transform:translate(-50%,-48%) scale(.9);opacity:0;border:1px solid rgba(223,193,126,.18);border-bottom:0;border-radius:260px 260px 0 0;box-shadow:0 0 0 13px rgba(255,255,255,.012),0 0 90px rgba(199,161,84,.1);transition:1.5s ease}.opening-arch span{position:absolute;inset:18px;border:1px solid rgba(223,193,126,.12);border-bottom:0;border-radius:240px 240px 0 0}.opening-screen.ready .opening-arch{opacity:1;transform:translate(-50%,-50%) scale(1)}
.opening-particles{position:absolute;inset:0;z-index:5;pointer-events:none}.opening-particles i{position:absolute;left:calc((var(--i) * 13.7%) - 60%);top:calc((var(--i) * 29%) % 100%);width:4px;height:4px;border-radius:50%;background:#f0d89a;box-shadow:0 0 12px #f0d89a;opacity:0;animation:particleDrift calc(5s + var(--i)*.13s) calc(var(--i)*-.31s) linear infinite}
.opening-envelope{position:relative;width:min(380px,82vw);height:245px;margin:38px auto 118px;animation:none!important;transform-style:preserve-3d;opacity:0;filter:drop-shadow(0 30px 42px rgba(0,0,0,.48))}.opening-screen.ready .opening-envelope{animation:cinematicFly 2.25s .35s cubic-bezier(.16,.86,.24,1) forwards!important}.envelope-shadow{position:absolute;left:8%;right:8%;bottom:-30px;height:30px;border-radius:50%;background:rgba(0,0,0,.44);filter:blur(16px);transform:scaleX(.55);animation:shadowBreathe 3.4s 1s ease-in-out infinite}.envelope-back,.envelope-front,.envelope-flap{border-radius:11px}.envelope-back{background:linear-gradient(145deg,#e6ca91,#af8644 55%,#8e672d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.envelope-front{background:linear-gradient(150deg,#e6ca94 0,#c39d5d 44%,#9a7134 100%);clip-path:polygon(0 33%,50% 71%,100% 33%,100% 100%,0 100%);z-index:8;box-shadow:inset 0 -16px 40px rgba(77,44,10,.1)}.envelope-flap{height:61%;background:linear-gradient(165deg,#ecd49e,#bc9350 62%,#9e7538);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:9;animation:none}.opening-screen.ready .envelope-flap{animation:cinematicFlap 1s 2.25s cubic-bezier(.2,.75,.25,1) forwards}.opening-card{left:27px;right:27px;top:20px;height:205px;border:1px solid rgba(167,124,52,.34);border-radius:8px;background:linear-gradient(145deg,#fffef9,#f5ead2);box-shadow:0 22px 55px rgba(49,31,9,.28);animation:none;overflow:hidden;padding:24px}.opening-screen.ready .opening-card{animation:cinematicCardRise 1.2s 2.48s cubic-bezier(.16,.82,.25,1) forwards}.opening-card::before{content:"";position:absolute;inset:8px;border:1px solid rgba(166,123,54,.28);pointer-events:none}.opening-card::after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(166,123,54,.08);border-radius:50%;top:-95px;right:-90px}.opening-card small{font-size:8px;text-transform:uppercase;letter-spacing:.28em;color:#8f7446;margin-bottom:15px}.opening-card strong{display:flex;flex-direction:column;align-items:center;font-size:35px;line-height:.88;color:#3d3223;font-weight:600}.opening-card strong em{font-family:'Great Vibes',cursive;color:#aa803e;font-size:27px;font-style:normal;line-height:1.2}.opening-card .opening-date{font-size:9px;letter-spacing:.25em;margin-top:16px;color:#8a714a}.card-corner{position:absolute;width:45px;height:45px;border-color:rgba(165,123,54,.45);border-style:solid}.corner-one{left:14px;top:14px;border-width:1px 0 0 1px}.corner-two{right:14px;bottom:14px;border-width:0 1px 1px 0}.wax-seal{position:absolute;z-index:12;left:50%;top:50%;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;transform:translate(-50%,-10%) scale(0);background:radial-gradient(circle at 35% 30%,#c94844,#832825 68%,#5e1717);border:3px double rgba(255,219,170,.42);box-shadow:0 9px 18px rgba(63,21,14,.38),inset 0 0 16px rgba(255,255,255,.16);color:#f4d59e;font-family:'Cinzel',serif;font-size:13px}.opening-screen.ready .wax-seal{animation:sealDrop .65s 1.85s cubic-bezier(.2,1.5,.4,1) forwards}.opening-screen.ready .envelope-flap~.wax-seal{animation:sealDrop .65s 1.85s cubic-bezier(.2,1.5,.4,1) forwards,sealBreak .55s 2.18s forwards}
.open-invitation-btn{position:relative;bottom:auto;display:inline-flex;align-items:center;gap:18px;opacity:0;margin-top:26px;padding:15px 18px 15px 26px;border:1px solid rgba(239,211,153,.44);background:linear-gradient(135deg,#d4b16b,#936b2e);box-shadow:0 20px 42px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.28);letter-spacing:.05em;animation:none;overflow:hidden}.opening-screen.ready .open-invitation-btn{animation:openingTextIn .75s 3.85s forwards}.open-invitation-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28),transparent 70%);transform:translateX(-120%);animation:buttonShine 3s 4.5s infinite}.open-invitation-btn i{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.17);font-style:normal;transition:.25s}.open-invitation-btn:hover i{transform:translateX(4px);background:rgba(255,255,255,.25)}.skip-opening{position:relative;right:auto;top:auto;margin-top:16px;color:rgba(255,255,255,.46);font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:0;animation:none}.opening-screen.ready .skip-opening{animation:openingTextIn .7s 4.1s forwards}.opening-screen.is-opening .opening-stage{animation:openingExit .9s ease forwards}.opening-screen.is-opening .opening-backdrop{transform:scale(1.12);filter:brightness(1.4)}

/* Five distinct opening moods */
.opening-royal-lift .opening-backdrop{background:radial-gradient(circle at 50% 25%,#6b4d22,#23190c 48%,#0d0b08 100%)}.opening-royal-lift.ready .opening-envelope{animation:royalCinematicLift 2.1s .35s cubic-bezier(.13,.86,.25,1) forwards!important}.opening-royal-lift .opening-arch{border-color:rgba(242,206,124,.34);box-shadow:0 0 100px rgba(213,169,78,.18)}
.opening-card-flip .opening-backdrop{background:radial-gradient(circle at 50% 40%,#3b3448,#18151f 58%,#08070a)}.opening-card-flip.ready .opening-envelope{animation:luxuryCardFlip 2.3s .3s cubic-bezier(.16,.78,.2,1) forwards!important}.opening-card-flip .opening-arch{border-radius:18px;height:min(600px,76vh);transform:translate(-50%,-50%) scale(.85) rotate(45deg)}.opening-card-flip.ready .opening-arch{transform:translate(-50%,-50%) scale(1) rotate(45deg)}
.opening-noor-arch .opening-backdrop{background:radial-gradient(circle at 50% 26%,#2c6551,#0c3328 48%,#061a14 100%)}.opening-noor-arch .opening-arch{border:2px solid rgba(225,192,113,.45);box-shadow:0 0 0 10px rgba(225,192,113,.025),0 0 95px rgba(225,192,113,.22)}.opening-noor-arch .opening-arch::before{content:"✦";position:absolute;top:-25px;left:50%;transform:translateX(-50%);color:#e2c47d;font-size:30px;text-shadow:0 0 25px #e2c47d}.opening-noor-arch.ready .opening-envelope{animation:noorReveal 2.35s .35s cubic-bezier(.18,.84,.24,1) forwards!important}
.opening-blossom .opening-backdrop{background:radial-gradient(circle at 50% 28%,#f0d7d8,#ba858c 42%,#5d343d 100%)}.opening-blossom .opening-vignette{background:radial-gradient(circle at 50% 45%,transparent 28%,rgba(61,25,33,.28) 75%,rgba(28,9,14,.68))}.opening-blossom .opening-particles i{width:9px;height:13px;border-radius:9px 0 9px 0;background:#f7d6db;box-shadow:none;animation-name:petalCinematic}.opening-blossom.ready .opening-envelope{animation:blossomReveal 2.25s .4s cubic-bezier(.18,.84,.2,1) forwards!important}

.invite-hero{min-height:100svh;background-position:center;background-size:cover}.invite-hero::before{backdrop-filter:saturate(.9)}.invite-names{text-shadow:0 4px 35px rgba(0,0,0,.08)}.invite-section{position:relative;padding-block:92px}.invite-section::after{content:"";position:absolute;left:50%;bottom:0;width:76px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--invite-accent) 55%,transparent),transparent)}.gallery-track{border:7px solid rgba(255,255,255,.65);box-shadow:0 34px 85px rgba(30,20,12,.22)}.gallery-slide.active img{animation:galleryKenBurns 7s ease-out both}.itinerary-card{box-shadow:0 22px 55px rgba(54,38,22,.07);backdrop-filter:blur(10px)}
.invite-bottom-bar{bottom:14px;width:min(690px,calc(100% - 24px));border:1px solid rgba(255,255,255,.22);border-radius:24px;background:linear-gradient(135deg,rgba(174,139,77,.96),rgba(119,87,39,.96));backdrop-filter:blur(20px);box-shadow:0 18px 55px rgba(34,24,12,.3);overflow:visible;padding:5px}.invite-bottom-bar button{position:relative;border-radius:17px;padding:10px 4px 8px;transition:.25s}.invite-bottom-bar button:hover{background:rgba(255,255,255,.11);transform:translateY(-2px)}.invite-bottom-bar .nav-icon{font-size:20px;line-height:1}.invite-bottom-bar small{color:#fff;font-size:10px}.invite-bottom-bar .rsvp-main-action{margin-top:-17px;background:linear-gradient(145deg,#f4dfad,#bd9144);box-shadow:0 10px 28px rgba(72,45,10,.28);border:4px solid rgba(255,250,238,.8);border-radius:21px;padding-top:11px}.invite-bottom-bar .rsvp-main-action .nav-icon{color:#6d4d1e}.invite-bottom-bar .rsvp-main-action small{color:#563b15}
.invite-modal{background:rgba(20,14,9,.64);backdrop-filter:blur(15px);transition:opacity .28s ease,visibility .28s ease}.invite-modal-card{border:1px solid rgba(185,145,73,.28);border-radius:28px;padding:38px 30px;background:linear-gradient(180deg,#fffefa,#f8f0e4);box-shadow:0 40px 110px rgba(0,0,0,.4);transform:translateY(28px) scale(.96);opacity:0;transition:.38s cubic-bezier(.2,.8,.2,1)}.invite-modal.open .invite-modal-card{transform:none;opacity:1}.invite-modal-card::before{content:"";position:absolute;inset:9px;border:1px solid rgba(177,135,64,.11);border-radius:21px;pointer-events:none}.invite-modal-card h2{font-size:37px}.invite-modal-close{z-index:2;background:#efe5d7;color:#6d5635;transition:.25s}.invite-modal-close:hover{transform:rotate(90deg)}.invite-modal-card input,.invite-modal-card select,.invite-modal-card textarea{border:1px solid #d8c8b2;border-radius:12px;background:rgba(255,255,255,.76)}.attendance-choice span{border-radius:12px;background:#fff}.attendance-choice input:checked+span{border-color:#b58d4c;background:#f8ecd7;color:#6d501e}.invite-submit{background:linear-gradient(135deg,#d2ad65,#8f672c);box-shadow:0 12px 28px rgba(111,74,28,.2)}
.audio-float{right:18px;bottom:112px;border-color:rgba(217,185,119,.45);background:linear-gradient(145deg,#292b24,#11120f);box-shadow:0 12px 35px rgba(0,0,0,.34)}

@keyframes cinematicFly{0%{opacity:0;transform:translate3d(-90vw,30vh,-250px) rotate(-18deg) scale(.35)}58%{opacity:1;transform:translate3d(3vw,-2vh,0) rotate(5deg) scale(1.05)}78%{transform:translate3d(-1vw,1vh,0) rotate(-2deg) scale(.985)}100%{opacity:1;transform:none}}
@keyframes royalCinematicLift{0%{opacity:0;transform:translate3d(0,80vh,-300px) rotateX(45deg) scale(.55)}70%{opacity:1;transform:translate3d(0,-2vh,0) rotateX(-4deg) scale(1.03)}100%{opacity:1;transform:none}}
@keyframes luxuryCardFlip{0%{opacity:0;transform:rotateY(-1080deg) rotateX(22deg) scale(.18)}75%{opacity:1;transform:rotateY(14deg) rotateX(-3deg) scale(1.04)}100%{opacity:1;transform:none}}
@keyframes noorReveal{0%{opacity:0;filter:blur(22px) brightness(1.8);transform:translateY(60px) scale(.62)}55%{opacity:1;filter:blur(2px) brightness(1.2);transform:translateY(-6px) scale(1.04)}100%{opacity:1;filter:none;transform:none}}
@keyframes blossomReveal{0%{opacity:0;transform:translateY(90px) rotate(-7deg) scale(.68)}68%{opacity:1;transform:translateY(-5px) rotate(2deg) scale(1.03)}100%{opacity:1;transform:none}}
@keyframes cinematicFlap{0%{transform:rotateX(0)}75%,100%{transform:rotateX(178deg);z-index:2}}
@keyframes cinematicCardRise{0%{transform:translateY(0) scale(.96)}100%{transform:translateY(-145px) scale(1)}}
@keyframes sealDrop{to{transform:translate(-50%,-10%) scale(1)}}@keyframes sealBreak{to{opacity:0;transform:translate(-50%,-10%) scale(1.7) rotate(18deg)}}
@keyframes shadowBreathe{50%{transform:scaleX(.75);opacity:.65}}@keyframes openingTextIn{to{opacity:1;transform:none}}@keyframes openingExit{to{opacity:0;transform:scale(1.06);filter:blur(10px)}}
@keyframes luxuryShimmer{0%,60%{transform:translateX(-45%) rotate(8deg)}100%{transform:translateX(45%) rotate(8deg)}}@keyframes buttonShine{to{transform:translateX(120%)}}
@keyframes particleDrift{0%{opacity:0;transform:translateY(14vh) scale(.4)}20%{opacity:.7}80%{opacity:.25}100%{opacity:0;transform:translateY(-112vh) translateX(30px) scale(1.1)}}
@keyframes petalCinematic{0%{opacity:0;transform:translateY(-10vh) rotate(0)}15%{opacity:.75}100%{opacity:0;transform:translateY(115vh) translateX(60px) rotate(420deg)}}
@keyframes galleryKenBurns{from{transform:scale(1.04)}to{transform:scale(1.12)}}

@media(max-width:760px){
 .opening-stage{padding-inline:14px}.opening-envelope{width:min(320px,82vw);height:205px;margin-bottom:100px}.opening-card{height:174px;left:23px;right:23px}.opening-card strong{font-size:29px}.opening-screen.ready .opening-card{animation-name:cinematicCardRiseMobile}.opening-arch{height:75vh;width:88vw}.opening-subtitle{font-size:8px}.open-invitation-btn{margin-top:22px}.invite-section{padding-block:72px}.invite-bottom-bar{bottom:8px;width:calc(100% - 14px);border-radius:20px}.invite-bottom-bar .rsvp-main-action{margin-top:-14px}.invite-modal{padding:13px}.invite-modal-card{padding:34px 20px 28px;border-radius:24px}.gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}.audio-float{bottom:100px;width:48px;height:48px}
}
@keyframes cinematicCardRiseMobile{to{transform:translateY(-112px) scale(1)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-on-scroll{opacity:1;transform:none}}

/* CardKita V7 polish: responsive modal, cinematic openings and zero horizontal overflow */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
body.modal-open{overflow:hidden;overscroll-behavior:none}
.invite-modal{overflow:hidden;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.invite-modal-card{width:min(520px,calc(100vw - 24px));max-width:100%;max-height:min(88dvh,780px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding:38px 30px 30px}
.invite-modal-card form,.invite-modal-card .form-group,.invite-modal-card input,.invite-modal-card select,.invite-modal-card textarea{width:100%;max-width:100%;min-width:0}
.invite-modal-card input,.invite-modal-card select,.invite-modal-card textarea{display:block;appearance:auto}
.invite-modal-card textarea{resize:vertical;min-height:112px}
.invite-modal-rsvp{overscroll-behavior:contain}
.invite-modal-rsvp .attendance-choice{width:100%;min-width:0}
.invite-modal-rsvp .attendance-choice label{min-width:0}
.invite-modal-rsvp .attendance-choice span{width:100%;white-space:nowrap}
.invite-modal-card::-webkit-scrollbar{width:7px}
.invite-modal-card::-webkit-scrollbar-thumb{background:rgba(151,111,50,.35);border-radius:999px}
.invite-modal-card::-webkit-scrollbar-track{background:transparent}

/* Opening variants are intentionally distinct */
.opening-flying-envelope .opening-envelope{transform-origin:center}
.opening-royal-lift .opening-stage::before{content:"";position:absolute;width:min(640px,92vw);height:1px;top:24%;background:linear-gradient(90deg,transparent,rgba(242,206,124,.75),transparent);box-shadow:0 0 30px rgba(242,206,124,.45)}
.opening-royal-lift .opening-card{background:linear-gradient(145deg,#fff9e8,#ead4a3);border-color:rgba(117,78,22,.45)}
.opening-card-flip .opening-envelope{perspective:1200px}
.opening-card-flip .opening-card{backface-visibility:hidden;box-shadow:0 24px 70px rgba(0,0,0,.4)}
.opening-card-flip.ready .opening-card{animation:cinematicCardRise 1.1s 2.3s cubic-bezier(.16,.82,.25,1) forwards,cardFaceGlow 2.4s 3.1s ease-in-out infinite}
.opening-noor-arch .opening-stage::after{content:"بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ";position:absolute;top:13%;left:50%;transform:translateX(-50%);color:#e9cf91;font-family:'Amiri',serif;font-size:clamp(20px,4vw,30px);white-space:nowrap;opacity:0;text-shadow:0 0 24px rgba(226,196,125,.35)}
.opening-noor-arch.ready .opening-stage::after{animation:openingTextIn 1s .8s forwards}
.opening-blossom .opening-stage::before,.opening-blossom .opening-stage::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(70px);background:rgba(255,211,220,.28);pointer-events:none}
.opening-blossom .opening-stage::before{left:-20px;top:18%}.opening-blossom .opening-stage::after{right:-20px;bottom:20%}
.opening-blossom .opening-card{background:linear-gradient(145deg,#fffdfb,#f8e5e8);border-color:rgba(171,91,110,.25)}

@keyframes cardFaceGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.08);box-shadow:0 28px 85px rgba(208,175,105,.3)}}

.audio-float{display:grid;place-items:center;overflow:hidden}
.audio-float::after{content:"";position:absolute;inset:7px;border:1px solid rgba(222,194,126,.3);border-radius:50%;pointer-events:none}
.audio-float.playing span{animation:musicNote 1.15s ease-in-out infinite}
@keyframes musicNote{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}}

@media (max-width:600px){
  .invite-modal{align-items:center;padding:10px}
  .invite-modal-card{width:calc(100vw - 20px);max-height:calc(100dvh - 28px);padding:32px 18px 24px;border-radius:22px}
  .invite-modal-card::before{inset:7px;border-radius:16px}
  .invite-modal-card h2{font-size:clamp(28px,9vw,36px);padding-inline:28px}
  .invite-modal-close{right:10px;top:9px}
  .attendance-choice{gap:8px}
  .invite-modal-card input,.invite-modal-card select,.invite-modal-card textarea{font-size:16px}
  .opening-stage{min-height:100dvh}
}

/* CardKita V8 Luxury Commerce */
:root{--lux-gold:#c6a15b;--lux-deep:#16130f;--lux-cream:#fbf7ef;--lux-border:rgba(164,126,60,.24)}
.package-luxury{background:linear-gradient(165deg,#fffdf8,#f5ecdc);border:1px solid var(--lux-border);box-shadow:0 30px 70px rgba(44,31,13,.13);overflow:hidden}.package-luxury.featured{transform:translateY(-12px);background:linear-gradient(165deg,#1d1914,#302519);color:#fff}.package-luxury .price{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.package-luxury .price del,.package .price del{font-size:18px;opacity:.55}.offer-chip{font-size:10px;letter-spacing:.12em;padding:6px 9px;border:1px solid currentColor;border-radius:99px}.features li{padding:8px 0;border-bottom:1px solid rgba(168,126,57,.1)}
.segmented-choice{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.segmented-choice input{position:absolute;opacity:0}.segmented-choice span{display:flex;min-height:48px;align-items:center;justify-content:center;text-align:center;border:1px solid #dfd3bf;border-radius:14px;background:#fff;padding:8px;font-weight:700}.segmented-choice input:checked+span{background:linear-gradient(135deg,#1c1914,#6f542a);color:#fff;border-color:#a98545;box-shadow:0 12px 25px rgba(102,75,35,.2)}
.toggle-row{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid var(--lux-border);border-radius:18px;background:#fff}.toggle-row input{width:22px;height:22px}.toggle-row span{display:grid}.locked-feature{padding:20px;border-radius:16px;background:linear-gradient(135deg,#1b1711,#4e3a20);color:#f7e4b7}.compact-upload{margin:18px 0}.gift-qr-current img{max-width:180px;aspect-ratio:1;object-fit:contain}.gift-qr-public{width:min(260px,80vw);aspect-ratio:1;object-fit:contain;border-radius:22px;padding:12px;background:#fff;box-shadow:0 20px 45px rgba(0,0,0,.12)}.gift-bank-public{display:grid;gap:8px;text-align:center;margin-top:18px}.gift-bank-public b{font-size:24px;letter-spacing:.08em}
.payment-page{min-height:100vh;background:radial-gradient(circle at top left,#f7ead0,transparent 35%),linear-gradient(135deg,#fdfaf4,#eee2cf);padding:50px 20px}.payment-shell{max-width:1100px;margin:auto}.payment-hero{text-align:center;margin-bottom:32px}.payment-hero h1{font-size:clamp(38px,6vw,68px);margin:8px 0}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.payment-card{position:relative;padding:32px;border:1px solid var(--lux-border);box-shadow:0 30px 70px rgba(48,34,17,.12)}.payment-step{position:absolute;right:25px;top:20px;font-size:42px;font-family:serif;color:rgba(174,132,61,.2)}.payment-package{display:flex;justify-content:space-between;padding:20px;border-radius:16px;background:#f7efe1;font-size:20px}.order-reference{margin:14px 0 22px}.bank-box{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:center}.bank-box img,.qr-placeholder{width:190px;aspect-ratio:1;object-fit:contain;border-radius:20px;background:#fff;padding:10px;border:1px solid #e5d5b9}.qr-placeholder{display:grid;place-items:center;text-align:center}.bank-box dl{display:grid;gap:8px}.bank-box dt{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#8c7653}.bank-box dd{margin:0 0 10px;font-weight:700}.account-number{font-size:23px;letter-spacing:.08em}.payment-upload{margin:20px 0}.admin-payment-settings{margin:25px 0;padding:28px;border:1px solid var(--lux-border)}.payment-badge{display:inline-flex;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:800}.payment-badge.submitted{background:#fff0c8;color:#866019}.payment-badge.verified{background:#dcf6e8;color:#16663f}.payment-badge.rejected{background:#ffe1e1;color:#8b2020}.receipt-link{display:block;margin-top:7px;font-weight:700}.payment-review-form{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}.payment-review-form input{max-width:170px}
@media(max-width:800px){.payment-grid{grid-template-columns:1fr}.bank-box{grid-template-columns:1fr;text-align:center}.bank-box img,.qr-placeholder{margin:auto}.segmented-choice{grid-template-columns:1fr 1fr}}

/* CardKita V9 bilingual + luxury polish */
.language-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.language-choice label{cursor:pointer}.language-choice input{position:absolute;opacity:0;pointer-events:none}.language-choice span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 14px;min-height:118px;padding:20px;border:1px solid var(--lux-border);border-radius:22px;background:linear-gradient(145deg,#fff,#fbf6ec);box-shadow:0 14px 36px rgba(80,59,29,.06);transition:.25s ease}.language-choice b{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#201b14,#8a642d);color:#fff;font-family:'Cinzel',serif;letter-spacing:.08em}.language-choice strong{font-size:17px}.language-choice small{color:#7c7164}.language-choice input:checked+span{border-color:#b58a45;box-shadow:0 0 0 3px rgba(181,138,69,.13),0 18px 40px rgba(80,59,29,.10);transform:translateY(-2px)}
.invite-language-switch{position:fixed;z-index:94;right:max(18px,calc((100vw - 620px)/2 + 18px));top:18px;display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(190,158,101,.45);border-radius:999px;background:rgba(255,252,245,.86);box-shadow:0 12px 30px rgba(43,34,23,.14);backdrop-filter:blur(16px)}.invite-language-switch a{display:grid;place-items:center;min-width:34px;height:30px;border-radius:999px;color:#75654e;font:700 11px/1 'DM Sans',sans-serif;letter-spacing:.08em}.invite-language-switch a.active{background:linear-gradient(135deg,#1d1913,#a47a38);color:#fff;box-shadow:0 7px 15px rgba(80,59,29,.22)}.invite-language-switch span{width:1px;height:16px;background:#d8c7aa}
.gift-modal-card{max-width:520px!important;text-align:center;padding:38px 34px 30px!important;overflow:hidden}.gift-modal-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#5f421e,#d7b66c,#fff0bd,#9b7334,#5f421e)}.gift-modal-card h2{margin-bottom:24px!important}.gift-qr-public{display:block;width:min(280px,72vw)!important;height:auto!important;aspect-ratio:1;object-fit:contain!important;margin:0 auto;padding:18px!important;border:1px solid rgba(184,151,93,.25);border-radius:26px!important;background:#fff!important;box-shadow:0 24px 55px rgba(65,45,19,.14)!important}.gift-bank-public{display:flex!important;flex-direction:column;align-items:center;gap:9px!important;margin-top:22px!important}.gift-bank-chip{display:inline-flex;padding:7px 13px;border:1px solid rgba(181,138,69,.32);border-radius:999px;background:#fbf4e6;color:#8a642d;font:700 11px/1 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase}.gift-account-name{font-size:15px;color:#625747}.gift-account-number{font-family:'DM Sans',sans-serif;font-size:26px!important;letter-spacing:.08em!important;color:#211c15;overflow-wrap:anywhere}.copy-account-btn{border:0;border-radius:999px;padding:11px 18px;background:linear-gradient(135deg,#272018,#9a7136);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 24px rgba(87,61,27,.18);transition:.2s}.copy-account-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(87,61,27,.24)}.copy-account-btn.copied{background:linear-gradient(135deg,#17654b,#3a9a71)}.gift-bank-public small{max-width:360px;margin-top:6px;color:#897d6e;line-height:1.6}
.invite-modal-card{border:1px solid rgba(207,181,132,.52)!important;box-shadow:0 35px 100px rgba(24,18,11,.30)!important}.invite-modal-card h2{letter-spacing:-.02em}.invite-modal-close{box-shadow:0 8px 20px rgba(50,38,20,.08)}
@media(max-width:620px){.language-choice{grid-template-columns:1fr}.invite-language-switch{right:12px;top:12px}.gift-modal-card{padding:34px 18px 24px!important}.gift-qr-public{width:min(250px,70vw)!important;padding:12px!important}.gift-account-number{font-size:22px!important}}

/* V10 — CardKita invoice & receipt documents */
.document-actions{display:grid;gap:8px;margin-top:8px}.document-generate-btn{background:linear-gradient(135deg,#d8b66d,#a97828)!important;color:#fff!important;box-shadow:0 8px 20px rgba(169,120,40,.22)}.document-ready-badge{display:inline-flex;align-items:center;width:max-content;padding:6px 10px;border-radius:999px;background:#eaf7f1;color:#167052;font-size:11px;font-weight:800}.customer-documents-card{margin:0 0 28px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,#fffdf8,#f6eddd);border:1px solid rgba(184,139,60,.28);box-shadow:0 20px 50px rgba(79,57,28,.08);overflow:hidden;position:relative}.customer-documents-card:after{content:"CK";position:absolute;right:-15px;top:-35px;font-family:'Cinzel',serif;font-size:130px;color:rgba(184,139,60,.045);pointer-events:none}.customer-documents-copy{position:relative;z-index:1;max-width:480px}.customer-documents-copy h2{margin:4px 0 7px;font-family:'Playfair Display',serif}.customer-document-buttons{display:flex;gap:12px;position:relative;z-index:1}.document-button{min-width:210px;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:16px;text-decoration:none;color:#29241e;background:#fff;border:1px solid #eadfc8;box-shadow:0 10px 24px rgba(70,49,23,.07);transition:.25s ease}.document-button:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(70,49,23,.12)}.document-button>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#183b32;color:#f1d08a;font-size:10px;font-weight:900;letter-spacing:.08em}.document-button.receipt>span{background:linear-gradient(135deg,#b98b3d,#8d6220);color:#fff}.document-button div{display:grid;gap:2px;flex:1}.document-button small{font-size:10px;color:#8a7e6d}.document-button strong{font-size:13px}.document-button b{font-size:17px;color:#b78a3d}@media(max-width:900px){.customer-documents-card{align-items:flex-start;flex-direction:column}.customer-document-buttons{width:100%}.document-button{flex:1}}@media(max-width:560px){.customer-document-buttons{flex-direction:column}.document-button{width:100%;min-width:0}}
/* V11 — global bilingual luxury polish */
.navbar{position:relative}.site-language-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(181,138,69,.28);border-radius:999px;background:rgba(255,252,245,.9);box-shadow:0 10px 28px rgba(42,31,17,.09);backdrop-filter:blur(16px);z-index:3}.site-language-center a{display:grid;place-items:center;min-width:34px;height:30px;border-radius:999px;color:#75654e;font:800 11px/1 'DM Sans',sans-serif;letter-spacing:.09em}.site-language-center a.active{background:linear-gradient(135deg,#1e1a14,#a77b36);color:#fff;box-shadow:0 7px 16px rgba(83,60,25,.2)}.site-language-center span{width:1px;height:16px;background:#d9c9ad}
.family-invitation{width:100%;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:34px!important;margin-left:auto!important;margin-right:auto!important}.family-invitation>div{flex:1 1 0;max-width:280px;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.family-invitation>div small,.family-invitation>div strong,.family-invitation>div span{display:block;width:100%;text-align:center!important}.family-invitation>i{flex:0 0 auto;text-align:center!important}
@media(max-width:900px){.site-language-center{position:static;transform:none;order:2;margin-left:auto}.navbar{flex-wrap:wrap}.nav-links{width:100%;order:3;justify-content:center}.family-invitation{flex-direction:column!important;gap:16px!important}.family-invitation>div{max-width:100%}}
@media(max-width:560px){.site-language-center{margin-left:0}.navbar{justify-content:space-between}.nav-links{overflow-x:auto;justify-content:flex-start;padding-bottom:4px}}


/* CardKita V12 — clear premium package cards */
.package-section{
    background:
      radial-gradient(circle at 50% 0%,rgba(199,157,78,.18),transparent 34%),
      linear-gradient(180deg,#11150f 0%,#171b14 100%);
}
.package-grid{
    align-items:stretch;
    gap:24px;
}
.package-luxury{
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:34px 30px 30px;
    color:#2f291f;
    background:linear-gradient(160deg,#fffdf8 0%,#f8f0e1 100%);
    border:1px solid rgba(203,169,96,.45);
    box-shadow:0 24px 60px rgba(0,0,0,.20);
}
.package-luxury.featured{
    color:#fffaf0;
    background:
      radial-gradient(circle at 50% 0%,rgba(210,169,83,.20),transparent 34%),
      linear-gradient(160deg,#211b14 0%,#302416 100%);
    border:1px solid #d3aa54;
    box-shadow:0 30px 80px rgba(0,0,0,.36),0 0 0 1px rgba(211,170,84,.14) inset;
}
.package-luxury h3{
    margin:14px 0 8px;
    color:inherit;
    font-size:31px;
    line-height:1.08;
}
.package-luxury>p{
    min-height:0;
    margin:0 0 16px;
    color:#746b5e;
    line-height:1.65;
}
.package-luxury.featured>p{color:rgba(255,250,240,.68)}
.package-luxury .price{
    min-height:78px;
    margin:6px 0 18px;
    color:#1f1b16;
    line-height:1;
}
.package-luxury.featured .price{color:#fff8e8}
.package-luxury .price small{color:#b08738}
.package-luxury .price del{color:#817869;opacity:.75}
.package-luxury.featured .price del{color:#d8ccb8}
.package-luxury .offer-chip{
    color:#9b6812;
    background:#fff8e8;
    border-color:#d9b05c;
    font-family:Inter,sans-serif;
    font-weight:800;
}
.package-luxury.featured .offer-chip{
    color:#251c11;
    background:#d7ad56;
    border-color:#e6c77f;
}
.package-checklist{
    flex:1;
    min-height:0 !important;
    margin:4px 0 26px;
    color:#403a31 !important;
}
.package-luxury.featured .package-checklist{color:#f6eedf !important}
.package-checklist li{
    display:grid;
    grid-template-columns:24px minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:11px 0 !important;
    margin:0;
    border-bottom:1px solid rgba(141,112,57,.16);
    line-height:1.42;
    font-size:14px;
}
.package-luxury.featured .package-checklist li{border-color:rgba(255,255,255,.10)}
.package-checklist li::before{display:none !important}
.feature-check{
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    margin-top:1px;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(145deg,#0f7b58,#075840);
    box-shadow:0 4px 12px rgba(5,91,62,.20);
    font-size:12px;
    font-weight:900;
}
.package-luxury.featured .feature-check{
    color:#241a0c;
    background:linear-gradient(145deg,#efd48d,#c99b3e);
}
.package-luxury .full-btn{
    margin-top:auto;
    min-height:50px;
    justify-content:center;
    color:#302315;
    background:transparent;
    border:1px solid #b98c3f;
}
.package-luxury .full-btn:hover{background:#b98c3f;color:#fff}
.package-luxury.featured .full-btn{
    color:#241b10;
    background:linear-gradient(135deg,#e1bf6e,#b9862f);
    border-color:transparent;
}
.package-number{font-weight:800}
.package-label{
    color:#21180d;
    background:linear-gradient(135deg,#dfbd6a,#b98532);
}
@media(max-width:980px){
  .package-grid{grid-template-columns:1fr;max-width:680px;margin-inline:auto}
  .package-luxury.featured{transform:none}
}
@media(max-width:520px){
  .package-luxury{padding:28px 22px 24px;border-radius:24px}
  .package-luxury h3{font-size:28px}
  .package-luxury .price{font-size:54px}
}

/* V13 package entitlement and feature gating */
.package-entitlement{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;margin-bottom:22px;border:1px solid rgba(181,138,69,.35);border-radius:22px;background:linear-gradient(135deg,#171b17,#2d382e);color:#fff;box-shadow:0 20px 45px rgba(26,30,25,.16)}
.package-entitlement span{display:block;color:#d8b86c;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.package-entitlement strong{font-family:'Playfair Display',serif;font-size:25px}.entitlement-pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.entitlement-pills b{padding:8px 11px;border:1px solid rgba(228,198,130,.3);border-radius:999px;background:rgba(255,255,255,.07);color:#f2dfad;font-size:11px}.package-access-note{display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid #dec995;border-radius:18px;background:linear-gradient(135deg,#fffdf7,#f8eed9)}.package-access-note>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#173c32;color:#fff}.package-access-note div{display:grid;flex:1}.package-access-note small{color:#7b7060}.package-access-note a{color:#8f672b;font-weight:800}.package-lock{display:grid;gap:5px;border:1px solid rgba(218,179,95,.5)!important}.package-lock b{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#e0bd6d}.package-lock strong{font-family:'Playfair Display',serif;font-size:19px}.package-lock small{color:#e8dcc8}.dress-code-public{display:inline-flex!important;align-items:center;gap:10px;margin-top:14px!important;padding:9px 14px;border:1px solid rgba(184,139,60,.3);border-radius:999px}.dress-code-public span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9c783c}.dress-code-public strong{font-size:13px}
@media(max-width:700px){.package-entitlement{align-items:flex-start;flex-direction:column}.entitlement-pills{justify-content:flex-start}.package-access-note{align-items:flex-start;flex-wrap:wrap}.package-access-note a{margin-left:52px}}

.lifecycle-card{display:grid;grid-template-columns:1.35fr 1fr auto;align-items:center;gap:24px;margin:22px 0;padding:28px;background:linear-gradient(135deg,#fffdf8,#f3e8d2);border:1px solid rgba(181,138,69,.35)}.lifecycle-card h2{margin:4px 0 8px}.lifecycle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lifecycle-grid div{padding:13px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(181,138,69,.2)}.lifecycle-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8a7658}.lifecycle-grid strong{font-size:13px}.locked-download{max-width:220px;padding:12px;border-radius:14px;background:#292d29;color:#e8d5a5;font-size:12px}.editor-locked{position:relative}.editor-locked:before{content:'EDITOR DIKUNCI';position:absolute;z-index:8;top:18px;right:18px;padding:8px 12px;border-radius:999px;background:#4b332c;color:#fff;font-size:10px;letter-spacing:.12em}.editor-locked input,.editor-locked textarea,.editor-locked select,.editor-locked button:not([data-open-dashboard-modal]){pointer-events:none;opacity:.72}.locked-badge{padding:10px 14px;border-radius:999px;background:#4b332c;color:#fff;font-weight:700}@media(max-width:950px){.lifecycle-card{grid-template-columns:1fr}.lifecycle-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:600px){.lifecycle-grid{grid-template-columns:1fr}}

.lifecycle-admin-form{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:8px;min-width:500px}.lifecycle-admin-form label{display:grid;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#806b4d}.lifecycle-admin-form input{min-width:0;padding:9px 10px;font-size:11px}.lifecycle-admin-form .btn{grid-column:1/-1;justify-self:start}@media(max-width:800px){.lifecycle-admin-form{min-width:420px;grid-template-columns:1fr}}