:root{--ivory:#faf7f2;--cream:#f5efe4;--sand:#e8dcc8;--ink:#1a1410;--ink-soft:#3d3226;--line:#1a14101f;--accent:#b8860b;--accent-soft:#b8860b1f;--bg:var(--ivory);--surface:#fff;--pattern-opacity:.06;--font-arabic:"Amiri", "Scheherazade New", "Noto Naskh Arabic", serif;--font-arabic-ui:"IBM Plex Sans Arabic", "Inter", -apple-system, sans-serif;--font-display:"Cormorant Garamond", "Amiri", serif;--font-body:"IBM Plex Sans Arabic", "Inter", -apple-system, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.18s;--dur-med:.48s;--dur-slow:.9s;--radius:14px;--shadow-soft:0 2px 12px #1a14100f, 0 8px 32px #1a14100a;--shadow-lift:0 4px 20px #1a14101a, 0 16px 48px #1a141014}[data-template=najdi]{--accent:#b8860b;--accent-soft:#b8860b1f;--bg:#faf5ec;--surface:#fffdf8;--pattern-opacity:.08}[data-template=hejazi]{--accent:#1a7a7a;--accent-soft:#1a7a7a1a;--bg:#f4f8f7;--surface:#fff;--pattern-opacity:.06}[data-template=modern]{--accent:#1a4d3a;--accent-soft:#1a4d3a1a;--bg:#f8f7f5;--surface:#fff;--pattern-opacity:.04}[data-template=royal]{--accent:#8e1e3f;--accent-soft:#8e1e3f1a;--bg:#faf5ec;--surface:#fffdf7;--pattern-opacity:.06}[data-template=emerald]{--accent:#0f5c46;--accent-soft:#0f5c461a;--bg:#f4f8f3;--surface:#fdfefb;--pattern-opacity:.06}[data-template=red]{--accent:#a41623;--accent-soft:#a416231a;--bg:#fbf5f2;--surface:#fffdfc;--pattern-opacity:.06}[data-template=brown]{--accent:#6b4226;--accent-soft:#6b42261a;--bg:#faf6ef;--surface:#fffdf9;--pattern-opacity:.06}[data-template=beige]{--accent:#8a744c;--accent-soft:#8a744c1f;--bg:#fbf8f1;--surface:#fffefa;--pattern-opacity:.06}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}.font-arabic{font-family:var(--font-arabic);direction:rtl}.font-display{font-family:var(--font-display)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideRight{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes drawLine{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes petalFall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.anim-fade-up{animation:fadeUp var(--dur-med) var(--ease-out) both}.anim-fade-in{animation:fadeIn var(--dur-med) var(--ease-out) both}.anim-scale-in{animation:scaleIn var(--dur-med) var(--ease-spring) both}.anim-slide-r{animation:slideRight var(--dur-med) var(--ease-out) both}.anim-slide-l{animation:slideLeft var(--dur-med) var(--ease-out) both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.delay-6{animation-delay:.48s}.delay-7{animation-delay:.56s}.delay-8{animation-delay:.64s}.reveal{opacity:0;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);transform:translateY(32px)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-spring);transform:scale(.94)}.reveal-scale.in-view{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.invitation{background:var(--bg);color:var(--ink);min-height:100vh;position:relative}.hero{background:radial-gradient(ellipse 80% 60% at 50% 0%, var(--accent-soft), transparent 70%), var(--bg);place-items:center;min-height:100svh;padding:48px 24px;display:grid;position:relative;overflow:hidden}.hero-inner{text-align:center;will-change:transform;max-width:720px}.hero-ornament{opacity:.9;justify-content:center;margin-bottom:32px;display:flex}.hero-ornament svg{max-width:280px}.hero-bismillah{color:var(--accent);letter-spacing:.05em;margin-bottom:24px;font-size:18px}.hero-together,.hero-together-ar{text-transform:uppercase;letter-spacing:.28em;color:var(--ink-soft);margin-bottom:8px;font-size:13px}.hero-together-ar{letter-spacing:.12em;text-transform:none;margin-bottom:32px;font-size:14px}.hero-names{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:8px;font-size:clamp(48px,9vw,96px);font-weight:400;line-height:1.1;display:flex}.hero-name{font-style:italic}.hero-amp{font-family:var(--font-display);color:var(--accent);font-size:.5em;font-style:italic}.hero-names-ar{color:var(--ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin:16px 0 24px;font-size:clamp(36px,7vw,64px);font-weight:400;display:flex}.hero-names-ar .hero-amp{font-size:.6em}.hero-date,.hero-venue{color:var(--ink-soft);align-items:center;gap:8px;margin:12px 12px 0;font-size:15px;display:inline-flex}.hero-scroll{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);opacity:.6;flex-direction:column;align-items:center;gap:8px;margin-top:64px;font-size:11px;display:flex}.hero-scroll-line{background:linear-gradient(180deg, var(--accent), transparent);width:1px;height:48px;animation:float 2.4s var(--ease-out) infinite}.section{text-align:center;max-width:880px;margin:0 auto;padding:96px 24px}.section-title{font-family:var(--font-display);flex-direction:column;align-items:center;gap:4px;margin-bottom:16px;font-size:clamp(32px,5vw,44px);font-style:italic;font-weight:400;display:flex}.section-title .font-arabic{font-size:.9em;font-style:normal}.section-sub{color:var(--ink-soft);flex-direction:column;gap:4px;margin-bottom:40px;display:flex}.countdown{direction:ltr;grid-template-columns:repeat(4,1fr);gap:12px;max-width:560px;margin:40px auto 0;display:grid}.countdown-cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:24px 12px}.countdown-cell:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.countdown-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent);font-size:clamp(28px,5vw,44px);line-height:1}.countdown-label{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);flex-direction:column;gap:2px;margin-top:8px;font-size:11px;display:flex}.countdown-label .font-arabic{letter-spacing:.06em;text-transform:none;font-size:12px}.story-section{max-width:640px}.story-ornament{justify-content:center;margin-bottom:24px;display:flex}.story-text{color:var(--ink-soft);font-size:17px;line-height:1.8}.story-text.font-arabic{font-size:19px}.details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px;display:grid}.detail-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);color:var(--accent);flex-direction:column;align-items:center;gap:8px;padding:32px 24px;display:flex}.detail-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.detail-card h3{font-family:var(--font-display);color:var(--ink);flex-direction:column;gap:2px;font-size:18px;font-style:italic;display:flex}.detail-card h3 .font-arabic{font-size:16px;font-style:normal}.detail-card p{color:var(--ink-soft);font-size:14px}.detail-sub{opacity:.7;font-size:13px}.dress-code{border:1px dashed var(--accent);border-radius:var(--radius);color:var(--ink-soft);margin-top:32px;padding:16px 24px;font-size:14px;display:inline-block}.schedule-section{max-width:680px}.classic-timeline{max-width:680px;margin:32px auto 0;padding:24px 0;position:relative}.classic-timeline-line{background:linear-gradient(180deg, transparent, var(--accent) 10%, var(--accent) 90%, transparent);opacity:.6;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.classic-event{grid-template-columns:1fr 60px 1fr;align-items:center;margin:28px 0;display:grid;position:relative}.classic-event-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px var(--accent-soft);grid-area:1/2;justify-self:center;transform:rotate(45deg)}.classic-event-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast);flex-direction:column;gap:2px;padding:16px 20px;display:flex}.classic-event-body:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.classic-event-l .classic-event-body{text-align:right;grid-area:1/1}.classic-event-r .classic-event-body{text-align:left;grid-area:1/3}.classic-event-time{font-family:var(--font-display);color:var(--accent);font-size:20px;font-style:italic}.classic-event-title{color:var(--ink);font-size:15px;font-weight:600}.classic-event-title-ar{color:var(--ink-soft);font-size:16.5px}@media (max-width:640px){.classic-event{grid-template-columns:1fr 32px 1fr;margin:20px 0}.classic-event-body{padding:12px 14px}.classic-event-time{font-size:17px}}.rsvp-form{flex-direction:column;gap:16px;max-width:440px;margin:0 auto;display:flex}.rsvp-form input,.rsvp-form select{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;transition:border-color var(--dur-fast);padding:14px 18px;font-size:15px}.rsvp-form input:focus,.rsvp-form select:focus{border-color:var(--accent);outline:none}.rsvp-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rsvp-choice{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:all var(--dur-fast) var(--ease-out);padding:16px 12px;font-size:13px;line-height:1.4}.rsvp-choice .font-arabic{font-size:14px}.rsvp-choice.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.rsvp-guests{color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:14px;display:flex}.rsvp-guests input{width:80px}.rsvp-submit{background:var(--accent);color:#fff;border-radius:var(--radius);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:15px;font-weight:600;display:inline-flex}.rsvp-submit:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.rsvp-submit:active{transform:translateY(0)}.rsvp-alt{margin-top:20px}.rsvp-alt-link{color:var(--ink-soft);align-items:center;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.rsvp-alt-link:hover{color:var(--accent)}.rsvp-success{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:400px;color:var(--accent);flex-direction:column;align-items:center;gap:8px;margin:0 auto;padding:40px 24px;display:flex}.rsvp-success h3{color:var(--ink);font-size:24px;font-style:italic}.rsvp-success p{color:var(--ink-soft);font-size:14px}.gallery-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:140px;gap:10px;margin-top:32px;display:grid}.gallery-item{cursor:zoom-in;background:var(--sand);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast);border:none;border-radius:10px;padding:0;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-med) var(--ease-out)}.gallery-item:hover{box-shadow:var(--shadow-lift);z-index:1}.gallery-item:hover img{transform:scale(1.06)}.gallery-item.item-0{grid-area:span 2/span 2}.gallery-item.item-3{grid-row:span 2}.gallery-item.item-5{grid-column:span 2}.gallery-empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-soft);margin-top:24px;padding:40px 24px;font-size:14px}@media (max-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px}.gallery-item.item-0{grid-area:span 1/span 2}.gallery-item.item-5{grid-column:span 2}}.lightbox{z-index:100;animation:fadeIn var(--dur-fast) var(--ease-out);background:#1a1410eb;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.lightbox img{object-fit:contain;border-radius:8px;max-width:92vw;max-height:84vh;box-shadow:0 24px 80px #00000080}.lightbox-close{color:#fff;width:44px;height:44px;transition:background var(--dur-fast);background:#ffffff1f;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#ffffff3d}.lightbox-nav{color:#fff;width:48px;height:48px;transition:background var(--dur-fast);background:#ffffff1f;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff3d}.lightbox-nav.prev{left:16px}.lightbox-nav.next{right:16px}.lightbox-count{color:#ffffffb3;font-variant-numeric:tabular-nums;font-size:13px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.music-fab{z-index:60;background:var(--accent);color:#fff;width:48px;height:48px;box-shadow:var(--shadow-lift);transition:transform var(--dur-fast) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:fixed;bottom:20px;right:20px}.music-fab:hover{transform:scale(1.08)}.music-fab .music-rings{pointer-events:none;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.music-fab .music-rings i{border:1.5px solid var(--accent);animation:musicRing 2s var(--ease-out) infinite;opacity:0;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.music-fab .music-rings i:nth-child(2){animation-delay:.66s}.music-fab .music-rings i:nth-child(3){animation-delay:1.33s}@keyframes musicRing{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.map-wrap{border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-soft);aspect-ratio:16/9;background:var(--sand);margin-top:32px;overflow:hidden}.map-wrap iframe{border:0;width:100%;height:100%;display:block}.map-link{border:1px solid var(--accent);color:var(--accent);transition:all var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.map-link:hover{background:var(--accent);color:#fff;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.share-section{padding-top:32px;padding-bottom:32px}.share-bar{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.share-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:all var(--dur-fast) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.share-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.share-btn.whatsapp{color:#fff;background:#25d366;border-color:#25d366}.share-btn.whatsapp:hover{color:#fff;background:#1fb856;border-color:#1fb856}.invitation-footer{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:64px 24px 48px;display:flex}.footer-hashtag{font-family:var(--font-display);color:var(--accent);font-size:20px;font-style:italic}.footer-text{color:var(--ink-soft);opacity:.7;flex-direction:column;gap:2px;font-size:12px;display:flex}@media (max-width:640px){.section{padding:64px 20px}.hero-names,.countdown{gap:8px}.countdown-cell{padding:16px 8px}.rsvp-row{grid-template-columns:1fr}}.premium{--p-night:#15080e;--p-band-1:#1c0b13;--p-band-2:#25101a;--p-ivory:#faf5ec;--p-cream-1:#f6ecda;--p-cream-2:#f0e2ca;--p-gold:#c9a24b;--p-gold-light:#e8c97a;--p-gold-deep:#b8912f;--p-gold-dim:rgba(var(--p-gold-rgb), .4);--p-accent:#8e1e3f;--p-ink:#2a141d;--p-ink-soft:#6d5560;--p-ivory-text:#faf5ec;--p-cream-text:#f3e9d7;--p-gold-rgb:201, 162, 75;--p-gold-light-rgb:232, 201, 122;--p-accent-rgb:142, 30, 63;--p-night-rgb:21, 8, 14;background:var(--p-ivory);color:var(--p-ink)}.premium[data-template=emerald]{--p-night:#07120d;--p-band-1:#0b1d15;--p-band-2:#123026;--p-ivory:#f4f8f3;--p-cream-1:#e9f0e4;--p-cream-2:#dfe9d8;--p-accent:#0f5c46;--p-ink:#122019;--p-ink-soft:#4f6359;--p-accent-rgb:15, 92, 70;--p-night-rgb:7, 18, 13}.premium[data-template=red]{--p-night:#140707;--p-band-1:#200a0a;--p-band-2:#2d0e0e;--p-ivory:#fbf5f2;--p-cream-1:#f6e7e1;--p-cream-2:#f1d9d1;--p-accent:#a41623;--p-ink:#281114;--p-ink-soft:#6e5153;--p-accent-rgb:164, 22, 35;--p-night-rgb:20, 7, 7}.premium[data-template=brown]{--p-night:#120b06;--p-band-1:#1e1209;--p-band-2:#2a1a0e;--p-ivory:#faf6ef;--p-cream-1:#f2e8d7;--p-cream-2:#ecdec7;--p-gold:#c99b5f;--p-gold-light:#e6c48d;--p-gold-deep:#a87f45;--p-accent:#6b4226;--p-ink:#271a10;--p-ink-soft:#6d5a48;--p-gold-rgb:201, 155, 95;--p-gold-light-rgb:230, 196, 141;--p-accent-rgb:107, 66, 38;--p-night-rgb:18, 11, 6}.premium[data-template=beige]{--p-night:#221c10;--p-band-1:#2c2414;--p-band-2:#3a2f1b;--p-ivory:#fbf8f1;--p-cream-1:#f4edde;--p-cream-2:#eee4cf;--p-gold:#bfa169;--p-gold-light:#dcc493;--p-gold-deep:#a3854d;--p-accent:#8a744c;--p-ink:#2c2515;--p-ink-soft:#71654c;--p-gold-rgb:191, 161, 105;--p-gold-light-rgb:220, 196, 147;--p-accent-rgb:138, 116, 76;--p-night-rgb:34, 28, 16}.p-hero{background:var(--p-night);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.p-hero-media{z-index:0;will-change:transform;animation:30s linear forwards pKenBurns;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.16)}@keyframes pKenBurns{0%{transform:scale(1.16)}to{transform:scale(1.05)}}.p-hero.revealed .p-hero-media{transition:transform 2.6s var(--ease-out);animation:none;transform:scale(1)}.p-hero-video{object-fit:cover;filter:brightness(.95)saturate(1.05);width:100%;height:100%;transition:filter 2.6s var(--ease-out);display:block}.p-hero.revealed .p-hero-video{filter:brightness(.45)saturate(.9)}.p-hero-shade{z-index:1;background:radial-gradient(ellipse 90% 70% at 50% 45%, transparent 40%, rgba(var(--p-night-rgb), .55) 100%), linear-gradient(180deg, rgba(var(--p-night-rgb), .5), rgba(var(--p-night-rgb), .12) 38%, rgba(var(--p-night-rgb), .62));opacity:.35;transition:opacity 2.2s var(--ease-out);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.p-hero.revealed .p-hero-shade{opacity:1}.p-frame{z-index:3;pointer-events:none;position:absolute;top:18px;bottom:18px;left:18px;right:18px}.p-frame i{background:linear-gradient(90deg, transparent, var(--p-gold) 30%, var(--p-gold) 70%, transparent);opacity:.85;position:absolute}.p-frame-t,.p-frame-b{height:1px;transition:transform 1.7s var(--ease-out) .9s;left:0;right:0;transform:scaleX(0)}.p-frame-l,.p-frame-r{background:linear-gradient(180deg, transparent, var(--p-gold) 30%, var(--p-gold) 70%, transparent);width:1px;transition:transform 1.7s var(--ease-out) 1.15s;top:0;bottom:0;transform:scaleY(0)}.p-frame-t{top:0}.p-frame-b{bottom:0}.p-frame-l{left:0}.p-frame-r{right:0}.p-hero.revealed .p-frame-t,.p-hero.revealed .p-frame-b{transform:scaleX(1)}.p-hero.revealed .p-frame-l,.p-hero.revealed .p-frame-r{transform:scaleY(1)}.p-frame-c{background:var(--p-gold-light);width:7px;height:7px;transition:transform .7s var(--ease-spring) 1.9s;box-shadow:0 0 12px rgba(var(--p-gold-light-rgb), .8);position:absolute;transform:rotate(45deg)scale(0)}.p-frame-c1{top:-3.5px;left:-3.5px}.p-frame-c2{top:-3.5px;right:-3.5px}.p-frame-c3{bottom:-3.5px;left:-3.5px}.p-frame-c4{bottom:-3.5px;right:-3.5px}.p-hero.revealed .p-frame-c{transform:rotate(45deg)scale(1)}.p-bloom{z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 46%, rgba(var(--p-gold-light-rgb), .55), rgba(var(--p-gold-light-rgb), .14) 34%, transparent 64%);animation:pBloom 1.8s var(--ease-out) both;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pBloom{0%{opacity:0;transform:scale(.55)}35%{opacity:1}to{opacity:0;transform:scale(1.4)}}.p-hero-top-icon{justify-content:center;margin-bottom:14px;display:flex}.p-hero-header-icon{filter:drop-shadow(0 6px 18px #2a141d66);width:52px;height:52px}.p-hero-header-icon img{object-fit:contain;width:100%;height:100%}@keyframes petalDrift{0%{opacity:0;transform:translateY(-10vh)rotate(-14deg)}10%{opacity:.42}35%{transform:translate(3.5vw,32vh)rotate(10deg)}65%{transform:translate(-2.5vw,68vh)rotate(-8deg)}90%{opacity:.42}to{opacity:0;transform:translate(2vw,108vh)rotate(12deg)}}.p-hero-content{z-index:3;text-align:center;max-width:920px;color:var(--p-ivory-text);flex-direction:column;align-items:center;padding:48px 20px;display:flex;position:relative}.p-rise{opacity:0;transition:opacity 1.15s var(--ease-out), transform 1.15s var(--ease-out);transition-delay:calc(.25s + var(--i,0) * .135s);will-change:transform, opacity;transform:translateY(48px)}.p-hero.revealed .p-rise{opacity:1;transform:translateY(0)}.p-bismillah{color:var(--p-gold-light);letter-spacing:.04em;text-shadow:0 2px 20px #000000a6;margin-bottom:22px;font-size:17px}.p-names{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;line-height:1.1;display:flex}.p-names-ar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 22px;margin-top:14px;display:flex}.p-amp{font-family:var(--font-display);color:var(--p-gold);text-shadow:0 2px 18px #0009;font-size:clamp(26px,4vw,44px);font-style:italic}.p-divider{align-items:center;gap:16px;margin:26px 0 16px;display:flex}.p-divider-icon{opacity:.95;filter:drop-shadow(0 2px 10px #00000080);width:34px}.p-divider-line{background:linear-gradient(90deg, transparent, var(--p-gold));width:clamp(48px,10vw,90px);height:1px}.p-divider-line:last-child{background:linear-gradient(90deg, var(--p-gold), transparent)}.p-hero-line{color:#faf5eceb;text-shadow:0 2px 16px #000000a6;margin-top:7px;font-size:14.5px}.p-hero-line .font-arabic{font-size:15.5px}.p-edit-hint{letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--p-gold-light-rgb), .55);align-items:center;gap:8px;margin-top:30px;font-size:10.5px;display:inline-flex}.p-edit-hint .font-arabic{letter-spacing:.04em;text-transform:none;font-size:11.5px}.p-input{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-align:center;text-shadow:inherit;background:0 0;border:none;border-bottom:1px solid #0000;border-radius:5px;min-width:44px;max-width:88vw;padding:2px 6px;transition:border-color .3s,background .3s}.p-input:hover{border-bottom-color:rgba(var(--p-gold-rgb), .45)}.p-input:focus{border-bottom-color:var(--p-gold);background:rgba(var(--p-gold-rgb), .1);outline:none}.p-tagline{letter-spacing:.32em;text-transform:uppercase;color:#faf5ecd9;font-size:13px}.p-tagline-ar{color:#f3e9d7e0;font-size:16px}.p-name{color:var(--p-ivory-text);font-size:clamp(46px,8.5vw,96px);font-style:italic}.p-name-ar{color:var(--p-cream-text);font-size:clamp(33px,5.5vw,58px)}.p-skip{z-index:5;border:1px solid rgba(var(--p-gold-rgb), .55);background:rgba(var(--p-night-rgb), .4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--p-gold-light);letter-spacing:.24em;text-transform:uppercase;transition:background .3s ease, border-color .3s ease, transform .3s var(--ease-out);border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:10px 24px;font-size:10.5px;animation:.9s 1.4s both fadeIn;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.p-skip .font-arabic{letter-spacing:.05em;text-transform:none;font-size:12px}.p-skip:hover{background:rgba(var(--p-gold-rgb), .2);border-color:var(--p-gold);transform:translate(-50%)translateY(-2px)}.p-progress{z-index:5;background:#ffffff1f;height:2px;position:absolute;bottom:0;left:0;right:0}.p-progress-bar{background:linear-gradient(90deg, var(--p-accent), var(--p-gold));transform-origin:0;height:100%;transition:transform .25s linear;transform:scaleX(0)}.p-scroll{z-index:4;letter-spacing:.3em;text-transform:uppercase;color:#faf5ecbf;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:10px;transition:opacity 1.4s 2.8s;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.p-hero.revealed .p-scroll{opacity:.8}.p-scroll-line{background:linear-gradient(180deg, var(--p-gold), transparent);width:1px;height:44px;animation:float 2.4s var(--ease-out) infinite}.p-section{text-align:center;padding:104px 24px;position:relative;overflow:hidden}.p-wrap{z-index:2;max-width:880px;margin:0 auto;position:relative}.p-wrap-wide{max-width:960px}.p-band{background:repeating-linear-gradient(45deg, transparent 0 6px, rgba(var(--p-gold-rgb), .06) 6px 7px), repeating-linear-gradient(-45deg, transparent 0 6px, rgba(var(--p-gold-rgb), .06) 6px 7px), var(--p-band-2);color:var(--p-cream-text)}.p-light{background:var(--p-ivory);color:var(--p-ink)}.p-cream{background:linear-gradient(180deg, var(--p-cream-1), var(--p-cream-2));color:var(--p-ink)}.p-gallery{padding-top:40px}.p-title{font-family:var(--font-display);color:var(--p-gold-light);flex-direction:column;align-items:center;gap:4px;margin-bottom:36px;font-size:clamp(30px,4.6vw,42px);font-style:italic;font-weight:400;display:flex}.p-title-en,.p-title-ar{line-height:1.15;display:block}.p-title-ar{opacity:.92;font-size:.72em}.p-title:after{content:"";background:linear-gradient(90deg, transparent, var(--p-gold), transparent);width:60px;height:1px;margin-top:10px}.p-title .font-arabic{font-size:.84em;font-style:normal}.p-title-dark{color:var(--p-accent)}.p-ornament{justify-content:center;margin-bottom:20px;display:flex}.p-ornament-btn{filter:drop-shadow(0 10px 22px #2a141d4d);width:74px}.p-ornament-lg .p-ornament-btn{width:112px}.p-ornament-swing .p-ornament-btn{transform-origin:50% 0;will-change:transform;animation:5.2s ease-in-out infinite pSwing}@keyframes pSwing{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.p-ghost{z-index:1;opacity:.17;filter:saturate(.85);will-change:transform;transition:opacity .35s;animation:13s ease-in-out infinite alternate pFloat;position:absolute}.p-ghost:hover{opacity:.9;z-index:5;animation-play-state:paused}.p-ghost:focus-visible{opacity:.9;z-index:5;animation-play-state:paused}.p-ghost-bouquet{width:190px;top:18%;left:-36px}.p-ghost-mandala{width:210px;top:12%;right:-40px;animation-delay:2s!important}.p-ghost-dallah{width:150px;bottom:8%;left:-28px;animation-delay:1s!important}.p-ghost-lantern{width:140px;top:10%;right:-24px;animation-delay:3.2s!important}.p-ghost-palm{width:190px;bottom:6%;right:-30px;animation-delay:2.4s!important}.p-story{max-width:620px;color:var(--p-ink-soft);margin:0 auto;font-size:17px;line-height:1.9}.p-story.font-arabic{font-size:19px}.p-timeline{max-width:720px;margin:12px auto 0;padding:34px 0 44px;position:relative}.p-timeline-line{background:linear-gradient(180deg, transparent, var(--p-gold) 5%, var(--p-gold) 95%, transparent);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.p-timeline-slider{z-index:3;will-change:transform, top;transition:top .4s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.p-timeline-slider-icon{filter:drop-shadow(0 4px 14px #2a141d4d);width:48px;height:48px}.p-timeline-slider-icon img{object-fit:contain;width:100%;height:100%}.p-event{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);align-items:center;margin:28px 0;display:grid;position:relative}.p-event-dot{background:var(--p-gold);width:11px;height:11px;box-shadow:0 0 0 5px rgba(var(--p-gold-rgb), .4);grid-area:1/2;justify-self:center;transform:rotate(45deg)}.p-event-body{align-items:center;gap:18px;min-width:0;display:flex}.p-event-l .p-event-body{text-align:right;flex-direction:row-reverse;grid-area:1/1}.p-event-r .p-event-body{text-align:left;grid-area:1/3}.p-event-l .p-input{text-align:right}.p-event-r .p-input{text-align:left}.p-event-icon{filter:drop-shadow(0 6px 16px #2a141d33);flex-shrink:0;width:56px}.p-event-text{flex:auto;align-items:stretch;gap:1px;min-width:0;flex-direction:column!important;display:flex!important}.p-event-text .p-input{box-sizing:border-box;width:100%;max-width:100%;text-align:inherit;color:inherit;background:0 0;border:none;outline:none;padding:0;font-family:inherit;display:block!important}.p-event-time{color:var(--p-accent);font-style:italic;line-height:1.2;font-size:21px!important;font-weight:400!important}.p-event-title{color:var(--p-ink);line-height:1.3;font-size:15px!important;font-weight:600!important}.p-event-title-ar{color:var(--p-ink-soft);line-height:1.4;font-size:16.5px!important;font-weight:400!important}.p-invite-card{background:var(--p-ivory);border:1px solid rgba(var(--p-gold-rgb), .55);text-align:center;border-radius:215px 215px 12px 12px/190px 190px 12px 12px;flex-direction:column;align-items:center;max-width:430px;margin:0 auto;padding:60px 36px 42px;display:flex;position:relative;box-shadow:0 18px 50px #2a141d1a}.p-invite-card:before{content:"";border:1px solid rgba(var(--p-gold-rgb), .32);border-radius:inherit;pointer-events:none;position:absolute;top:9px;bottom:9px;left:9px;right:9px}.p-invite-ornament{filter:drop-shadow(0 4px 12px #2a141d2e);width:52px;margin-bottom:20px}.p-invite-text,.p-invite-text-en{resize:none;text-align:center;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-radius:8px;outline:none;transition:background .25s;overflow:hidden}.p-invite-text:focus,.p-invite-text-en:focus{background:rgba(var(--p-gold-rgb), .06)}.p-invite-text{color:var(--p-ink);font-size:19px;line-height:2.1}.p-invite-text-en{font-family:var(--font-display);color:var(--p-ink);margin-top:8px;font-size:17.5px;line-height:1.9}.p-invite-venue-wrap{margin-top:18px}.p-invite-venue{color:var(--p-gold-deep);font-size:27px;font-style:italic;line-height:1.25}.p-invite-venue-ar{color:var(--p-gold-deep);font-size:23px;line-height:1.4}.p-invite-floral{opacity:.32;filter:saturate(.6);width:62px;margin-top:18px}.p-invite-floral:hover{opacity:.9}.p-invite-floral:focus-visible{opacity:.9}.p-section-close{top:18px;z-index:6;width:32px;height:32px;color:var(--p-ink-soft);opacity:.55;transition:all .25s var(--ease-out);background:#fff9;border:1px solid #2a141d1f;border-radius:50%;place-items:center;display:grid;position:absolute}.p-section-close:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:18px}.p-section-close:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:18px}.p-section-close:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:18px}.p-section-close:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:18px}.p-section-close:hover{opacity:1;color:#fff;background:var(--p-accent);border-color:var(--p-accent);transform:scale(1.08)}.premium .p-band .countdown-cell{border:1px solid rgba(var(--p-gold-rgb), .3);box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#faf5ec0a}.premium .p-band .countdown-cell:hover{border-color:rgba(var(--p-gold-rgb), .55);box-shadow:0 10px 34px #0006}.premium .p-band .countdown-num{color:var(--p-gold-light)}.premium .p-band .countdown-label{color:#f3e9d7a6}.premium .p-cream .detail-card{border:1px solid rgba(var(--p-accent-rgb), .14);color:var(--p-accent);background:#fffdf7d9;box-shadow:0 12px 36px #2a141d17}.premium .p-cream .detail-card h3{color:var(--p-ink)}.premium .p-cream .detail-card p{color:var(--p-ink-soft)}.premium .p-cream .dress-code{border-color:rgba(var(--p-accent-rgb), .4);color:var(--p-ink-soft);background:#ffffff59}.premium .p-band .section-sub{color:#f3e9d7b8}.premium .p-band .rsvp-form input{border:1px solid rgba(var(--p-gold-rgb), .35);color:var(--p-ivory-text);background:#faf5ec0f}.premium .p-band .rsvp-form input::placeholder{color:#faf5ec73}.premium .p-band .rsvp-form input:focus{border-color:var(--p-gold)}.premium .p-band .rsvp-choice{border:1px solid rgba(var(--p-gold-rgb), .3);color:var(--p-cream-text);background:#faf5ec0a}.premium .p-band .rsvp-choice.active{background:rgba(var(--p-gold-rgb), .16);border-color:var(--p-gold);color:var(--p-gold-light)}.premium .p-band .rsvp-guests{color:#f3e9d7bf}.premium .p-band .rsvp-submit{background:linear-gradient(135deg, var(--p-gold-light), var(--p-gold-deep));color:var(--p-band-1)}.premium .p-band .rsvp-alt{flex-direction:column;align-items:center;gap:12px;margin-top:6px;display:flex}.rsvp-alt-label{letter-spacing:.32em;text-transform:uppercase;color:var(--p-gold);opacity:.9;font-size:10px;font-weight:500}.rsvp-alt-label-sep{opacity:.6;margin:0 8px;display:inline-block}.rsvp-alt-number{font-family:var(--font-display);color:var(--p-gold-light);align-items:center;gap:16px;font-size:22px;font-style:italic;text-decoration:none;transition:color .3s;display:inline-flex}.rsvp-alt-number:hover{color:var(--p-cream-text)}.rsvp-alt-flourish{background:linear-gradient(90deg, transparent, rgba(var(--p-gold-rgb), .75), transparent);flex-shrink:0;width:40px;height:1px;display:inline-block;position:relative}.rsvp-alt-flourish:after{content:"";background:var(--p-gold);width:5px;height:5px;box-shadow:0 0 6px rgba(var(--p-gold-rgb), .6);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.p-premium-card a,.p-premium-card-inner a{text-decoration:none}.rsvp-share{width:100%;margin-top:4px}.rsvp-share .share-bar{gap:10px}.rsvp-share .share-btn{padding:10px 18px;font-size:13px}.premium .p-band .rsvp-success{border:1px solid rgba(var(--p-gold-rgb), .3);color:var(--p-gold-light);background:#faf5ec0d}.premium .p-band .rsvp-success h3{color:var(--p-cream-text)}.premium .p-band .rsvp-success p{color:#f3e9d7bf}.p-share{padding-top:48px;padding-bottom:48px}.premium .p-band .share-btn{border:1px solid rgba(var(--p-gold-rgb), .4);color:var(--p-cream-text);background:0 0}.premium .p-band .share-btn:hover{border-color:var(--p-gold);color:var(--p-gold-light);box-shadow:none}.premium .p-band .share-btn.whatsapp{color:#fff;background:#25d366;border-color:#25d366}.premium .p-light .gallery-empty{border-color:rgba(var(--p-accent-rgb), .25);color:var(--p-ink-soft)}.premium .p-light .map-link{border-color:var(--p-accent);color:var(--p-accent)}.premium .p-light .map-link:hover{background:var(--p-accent);color:#fff}.p-footer{isolation:isolate;background:repeating-linear-gradient(45deg, transparent 0 6px, rgba(var(--p-gold-rgb), .06) 6px 7px), repeating-linear-gradient(-45deg, transparent 0 6px, rgba(var(--p-gold-rgb), .06) 6px 7px), radial-gradient(ellipse 80% 60% at 50% 55%, rgba(var(--p-gold-rgb), .08), transparent 72%), linear-gradient(180deg, var(--p-band-2) 0%, var(--p-night) 55%, #06030a 100%);color:#f3e9d7d1;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:128px 24px 80px;display:flex;position:relative;overflow:hidden}.p-premium-card{border:1.5px solid rgba(var(--p-gold-rgb), .9);background:0 0;border-radius:4px;width:min(620px,100%);margin:0 auto;padding:24px;position:relative}.p-premium-card-inner{border:1px solid rgba(var(--p-gold-rgb), .55);background:radial-gradient(100% 70% at 50% 25%,#faf5ec0d,#0000 70%),repeating-linear-gradient(0deg,#0000 0 3px,#0000000d 3px 4px),#0a050880;flex-direction:column;align-items:center;gap:18px;padding:44px 44px 38px;display:flex;position:relative}.p-premium-seal{width:96px;filter:drop-shadow(0 10px 22px #0009) drop-shadow(0 0 16px rgba(var(--p-gold-rgb), .45))}.p-footer-flourish{align-items:center;gap:14px;width:64%;max-width:280px;display:flex}.p-footer-flourish span{background:linear-gradient(90deg, transparent, rgba(var(--p-gold-rgb), .7), transparent);flex:1;height:1px}.p-footer-flourish b{background:var(--p-gold);width:7px;height:7px;box-shadow:0 0 8px rgba(var(--p-gold-rgb), .6);flex-shrink:0;transform:rotate(45deg)}.p-footer-names{color:var(--p-gold-light);text-shadow:0 2px 22px #0000008c;font-size:clamp(32px,5.4vw,46px);font-style:italic;line-height:1.1}.p-footer-names-ar{color:var(--p-cream-text);text-shadow:0 2px 16px #0000008c;font-size:clamp(23px,3.6vw,30px);line-height:1.25}.p-footer-hashtag{font-family:var(--font-display);color:var(--p-gold);letter-spacing:.04em;font-size:clamp(17px,2.4vw,21px);font-style:italic}.p-footer-text{opacity:.72;letter-spacing:.06em;flex-direction:column;gap:2px;font-size:12px;display:flex}.p-slot{cursor:pointer;background:0 0;border:none;border-radius:10px;padding:0;display:block}.p-ornament-btn,.p-divider-icon,.p-footer-rose{position:relative}.p-slot img{pointer-events:none;width:100%;display:block}.p-slot:focus-visible{outline:2px solid var(--p-gold);outline-offset:4px}.p-slot-edit{top:-8px;background:var(--p-gold);width:24px;height:24px;color:var(--p-band-2);opacity:0;transition:opacity .25s ease, transform .25s var(--ease-spring);pointer-events:none;z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;transform:scale(.5);box-shadow:0 3px 12px #0006}.p-slot-edit:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-8px}.p-slot-edit:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:-8px}.p-slot-edit:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-8px}.p-slot-edit:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:-8px}.p-slot:hover .p-slot-edit{opacity:1;transform:scale(1)}.p-slot:focus-visible .p-slot-edit{opacity:1;transform:scale(1)}.p-slot-empty{border:1.5px dashed rgba(var(--p-gold-rgb), .6);background:rgba(var(--p-gold-rgb), .04);width:56px;height:56px;color:var(--p-gold);cursor:pointer;transition:all .25s var(--ease-out);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:flex;overflow:visible}.p-slot-empty:hover{background:rgba(var(--p-gold-rgb), .1);color:var(--p-gold-light);box-shadow:0 0 18px rgba(var(--p-gold-rgb), .3);border-style:solid}.p-slot-empty:focus-visible{background:rgba(var(--p-gold-rgb), .1);color:var(--p-gold-light);box-shadow:0 0 18px rgba(var(--p-gold-rgb), .3);border-style:solid}.p-slot-empty-plus{font-size:22px;font-weight:300;line-height:1}.p-slot-empty-label{letter-spacing:.1em;text-transform:uppercase;opacity:.85;font-size:8.5px;font-weight:600}.icon-picker-backdrop{z-index:300;background:rgba(var(--p-night-rgb), .62);-webkit-backdrop-filter:blur(6px);place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.icon-picker{background:var(--p-ivory);border:1px solid rgba(var(--p-gold-rgb), .4);width:100%;max-width:620px;max-height:84vh;animation:scaleIn .3s var(--ease-spring);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 80px #00000073}.icon-picker-head{border-bottom:1px solid rgba(var(--p-accent-rgb), .14);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.icon-picker-title{font-family:var(--font-display);color:var(--p-accent);font-size:21px;font-style:italic}.icon-picker-title .font-arabic{font-size:18px;font-style:normal}.icon-picker-close{width:34px;height:34px;color:var(--p-ink-soft);border-radius:50%;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.icon-picker-close:hover{background:rgba(var(--p-accent-rgb), .1);color:var(--p-accent)}.icon-picker-body{padding:14px 20px 22px;overflow-y:auto}.icon-picker-label{letter-spacing:.18em;text-transform:uppercase;color:var(--p-ink-soft);align-items:baseline;gap:8px;margin:14px 0 10px;font-size:11px;display:flex}.icon-picker-label .font-arabic{letter-spacing:0;text-transform:none;font-size:13px}.icon-picker-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:10px;display:grid}.icon-picker-cell{aspect-ratio:1;transition:all .2s var(--ease-out);background:#fff;border:1.5px solid #2a141d1a;border-radius:14px;padding:8px}.icon-picker-cell img{object-fit:contain;width:100%;height:100%}.icon-picker-cell:hover{border-color:var(--p-gold);transform:translateY(-2px);box-shadow:0 8px 22px #2a141d24}.icon-picker-cell.active{border-color:var(--p-accent);box-shadow:0 0 0 2px rgba(var(--p-accent-rgb), .28)}.p-video-edit{top:22px;z-index:7;width:42px;height:42px;color:var(--p-gold-light);border:1px solid rgba(var(--p-gold-rgb), .5);-webkit-backdrop-filter:blur(6px);transition:all .3s var(--ease-out);background:#00000061;border-radius:50%;place-items:center;display:grid;position:absolute}.p-video-edit:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:22px}.p-video-edit:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:22px}.p-video-edit:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:22px}.p-video-edit:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:22px}.p-video-edit:hover{background:rgba(var(--p-gold-rgb), .28);border-color:var(--p-gold);transform:scale(1.08)}.video-picker-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:8px;display:grid}.video-picker-cell{aspect-ratio:16/10;transition:all .2s var(--ease-out);background:#000;border:1.5px solid #2a141d1a;border-radius:14px;position:relative;overflow:hidden}.video-picker-cell video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.video-picker-cell:hover{border-color:var(--p-gold);transform:translateY(-2px);box-shadow:0 8px 22px #2a141d29}.video-picker-cell.active{border-color:var(--p-accent);box-shadow:0 0 0 2px rgba(var(--p-accent-rgb), .3)}.video-picker-name{color:#fff;text-align:start;background:linear-gradient(#0000,#000000bf);flex-direction:column;gap:1px;padding:20px 12px 10px;font-size:12.5px;font-weight:600;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0}.video-picker-name .font-arabic{opacity:.85;font-size:12px;font-weight:400}.video-picker-check{top:8px;background:var(--p-accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute}.video-picker-check:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:8px}.video-picker-check:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:8px}.video-picker-check:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px}.video-picker-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px}.video-picker-upload{width:100%;color:var(--p-ink-soft);text-align:start;transition:all .2s var(--ease-out);border:2px dashed #2a141d2e;border-radius:14px;align-items:center;gap:12px;padding:16px 18px;font-size:13.5px;font-weight:600;display:flex}.video-picker-upload:hover{border-color:var(--p-gold);color:var(--p-accent);background:rgba(var(--p-gold-rgb), .06)}.video-picker-upload .font-arabic{opacity:.75;font-size:11.5px;font-weight:400;display:block}.video-picker-error{color:#b3261e;margin-top:10px;font-size:12.5px}.icon-picker-remove{color:#f0a0a0;cursor:pointer;background:#dc5a5a14;border:1px solid #dc5a5a66;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;margin-bottom:16px;padding:11px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.icon-picker-remove:hover{color:#fff;background:#dc5a5a33;border-color:#f07878b3}.icon-picker-remove:focus-visible{color:#fff;background:#dc5a5a33;border-color:#f07878b3}.icon-picker-remove .font-arabic{opacity:.9;font-size:12px;font-weight:500}@media (max-width:640px){.p-section{padding:72px 20px}.p-float-2,.p-float-3{display:none}.p-float-1{opacity:0}.p-hero.revealed .p-float-1{opacity:.14}.p-ghost{opacity:.1}.p-frame{top:12px;bottom:12px;left:12px;right:12px}.p-edit-hint{flex-wrap:wrap;justify-content:center}.p-timeline{padding:24px 0 32px}.p-timeline-slider-icon{width:40px;height:40px}.p-event{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);margin:24px 0}.p-event-body{gap:10px}.p-event-icon{width:42px}.p-event-time{font-size:18px!important}.p-event-title{font-size:13.5px!important}.p-event-title-ar{font-size:15px!important}}.auth-gate-overlay{z-index:99999;background:radial-gradient(circle,#1c1917 0%,#0c0a09 100%);justify-content:center;align-items:center;padding:20px;font-family:inherit;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.auth-gate-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#1c1917d9;border:1px solid #d9770640;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:36px 28px;display:flex;box-shadow:0 20px 50px #0009,0 0 30px #d977061a}.auth-gate-icon{color:#fbbf24;background:linear-gradient(135deg,#d9770633,#b4530966);border:1px solid #d9770666;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex}.auth-gate-title{color:#f5f5f4;margin:0 0 8px;font-size:24px;font-weight:700}.auth-gate-sub{color:#a8a29e;margin:0 0 4px;font-size:14px;line-height:1.5}.auth-gate-sub-en{color:#78716c;margin-bottom:24px;font-size:12px;display:block}.auth-gate-form{flex-direction:column;gap:16px;width:100%;display:flex}.auth-input-wrapper{width:100%;position:relative}.auth-input-icon{color:#78716c;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input{color:#f5f5f4;box-sizing:border-box;background:#0c0a09b3;border:1px solid #78716c4d;border-radius:12px;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:15px;transition:all .2s}.auth-input:focus{border-color:#d97706;box-shadow:0 0 0 3px #d9770633}.auth-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:transform .15s,filter .15s}.auth-submit-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.auth-submit-btn:active{transform:translateY(0)}.error-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.builder{background:radial-gradient(60% 40% at 100% 0,#b8860b0d,#0000 60%),#f4f2ee;flex-direction:column;height:100vh;display:flex;overflow:hidden}.builder-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:10;background:#ffffffd9;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 20px;display:flex}.builder-brand{color:var(--accent);white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.builder-brand svg{background:var(--accent-soft);border-radius:10px;width:32px;height:32px;padding:6px}.brand-sub{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:400}.builder-steps{scrollbar-width:none;flex:1;justify-content:center;gap:4px;display:flex;overflow-x:auto}.builder-steps::-webkit-scrollbar{display:none}.step-dot{color:var(--ink-soft);transition:all var(--dur-fast) var(--ease-out);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;display:flex}.step-dot:hover{background:var(--accent-soft);color:var(--accent)}.step-dot.active{background:var(--accent);color:#fff;box-shadow:0 2px 12px #b8860b59}.step-dot.done{color:var(--accent)}.step-dot-label{display:none}@media (min-width:1000px){.step-dot-label{display:inline}}.builder-progress{color:var(--ink-soft);font-variant-numeric:tabular-nums;border:1px solid var(--line);background:#fff;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:13px}.btn-preview{border:1px solid var(--line);color:var(--ink-soft);white-space:nowrap;transition:all var(--dur-fast) var(--ease-out);background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:7px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.btn-preview:hover:not(:disabled){border-color:var(--accent);color:var(--accent);box-shadow:var(--shadow-soft);transform:translateY(-1px)}.btn-preview:disabled{opacity:.6;cursor:wait}.builder-main{flex:1;grid-template-columns:1fr;display:grid;overflow:hidden}@media (min-width:900px){.builder-main{grid-template-columns:400px 1fr}}.builder-panel{border-inline-start:none;border-inline-end:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;display:flex;overflow:hidden;box-shadow:4px 0 24px #1a14100a}.builder-panel-header{border-bottom:1px solid var(--line);color:var(--accent);background:linear-gradient(180deg, var(--accent-soft), transparent);align-items:center;gap:14px;padding:22px 24px;display:flex}.builder-panel-header svg{width:36px;height:36px;box-shadow:var(--shadow-soft);background:#fff;border-radius:10px;padding:8px}.panel-title{color:var(--ink);font-size:17px;font-weight:700}.panel-title-sub{color:var(--ink-soft);letter-spacing:.04em;font-size:12px}.builder-panel-body{scrollbar-width:thin;flex:1;padding:26px 24px;overflow-y:auto}.builder-panel-footer{border-top:1px solid var(--line);background:#fafaf8;justify-content:space-between;gap:12px;padding:16px 24px;display:flex}.builder-preview{background:radial-gradient(circle at 30% 20%,#fff9,#0000 50%),#e6e3dd;display:none;position:relative;overflow:hidden}@media (min-width:900px){.builder-preview{display:block}}.preview-frame{background:var(--bg);height:100%;overflow-y:auto;box-shadow:-8px 0 32px #1a14100f}.step-body{flex-direction:column;gap:22px;display:flex}.step-title{font-family:var(--font-arabic);font-size:26px;font-weight:700;line-height:1.3}.step-sub{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;margin-top:-18px;font-size:12.5px}.step-hint{color:var(--ink-soft);font-size:13.5px;line-height:1.7}.field{flex-direction:column;gap:7px;display:flex}.field-label{color:var(--ink);justify-content:space-between;align-items:baseline;font-size:13.5px;font-weight:600;display:flex}.field-label-en{color:var(--ink-soft);opacity:.7;font-size:11.5px;font-weight:400}.field input,.field textarea,.field select{border:1.5px solid var(--line);transition:border-color var(--dur-fast), box-shadow var(--dur-fast), background var(--dur-fast);background:#fdfdfc;border-radius:11px;width:100%;padding:12px 14px;font-size:14.5px}.field input:hover,.field textarea:hover{border-color:#1a141038}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#fff;outline:none}.field textarea{resize:vertical;font-family:inherit;line-height:1.7}.field input[type=date],.field input[type=time]{text-align:left}.field-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:480px){.field-grid{grid-template-columns:1fr 1fr}}.field-grid .field:last-child:nth-child(odd){grid-column:1/-1}.field-grid .field:has(textarea){grid-column:1/-1}.segmented{background:#efece6;border-radius:12px;gap:3px;padding:4px;display:flex}.segmented button{color:var(--ink-soft);transition:all var(--dur-fast) var(--ease-out);border-radius:9px;flex:1;padding:9px 12px;font-size:13.5px;font-weight:600}.segmented button.active{color:var(--accent);background:#fff;box-shadow:0 2px 8px #00000014}.template-grid{grid-template-columns:1fr;gap:14px;display:grid}.template-card{border:2px solid var(--line);text-align:start;transition:all var(--dur-fast) var(--ease-out);background:#fff;border-radius:16px;flex-direction:column;gap:5px;padding:14px;display:flex;position:relative}.template-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.template-card.active{border-color:var(--accent);background:linear-gradient(180deg, var(--accent-soft), white);box-shadow:var(--shadow-soft)}.template-swatch{border-radius:10px;height:72px;margin-bottom:10px;box-shadow:inset 0 0 0 1px #0000000f}.template-name{font-size:16px;font-weight:700}.template-desc{color:var(--ink-soft);font-size:13px;line-height:1.6}.template-check{top:18px;background:var(--accent);color:#fff;width:26px;height:26px;animation:scaleIn var(--dur-med) var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 2px 8px #0003}.template-check:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:18px}.template-check:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:18px}.template-check:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:18px}.template-check:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:18px}.toggle-list{flex-direction:column;gap:10px;display:flex}.toggle-row{border:1.5px solid var(--line);transition:all var(--dur-fast) var(--ease-out);text-align:start;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:15px 16px;font-size:14.5px;font-weight:500;display:flex}.toggle-row:hover{border-color:var(--accent);transform:translate(-2px)}.toggle-row.on{border-color:var(--accent);background:linear-gradient(90deg, var(--accent-soft), white 60%)}.toggle-row>span:first-child{flex:1}.toggle-pill{width:42px;height:24px;transition:background var(--dur-fast);background:#d8d4cc;border-radius:999px;flex-shrink:0;position:relative}.toggle-pill:after{content:"";top:3px;width:18px;height:18px;transition:transform var(--dur-fast) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;box-shadow:0 1px 4px #0003}.toggle-pill:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:3px}.toggle-pill:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:3px}.toggle-pill:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:3px}.toggle-pill:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:3px}.toggle-row.on .toggle-pill{background:var(--accent)}.toggle-row.on .toggle-pill:after{transform:translate(-18px)}[dir=ltr] .toggle-row.on .toggle-pill:after{transform:translate(18px)}.photo-upload{border:2px dashed var(--line);color:var(--ink-soft);transition:all var(--dur-fast) var(--ease-out);background:#fdfdfc;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:36px 20px;font-size:15px;font-weight:600;display:flex}.photo-upload:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.photo-upload:disabled{opacity:.6;cursor:wait}.photo-grid-edit{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.photo-cell{aspect-ratio:1;box-shadow:var(--shadow-soft);background:#eee;border-radius:12px;position:relative;overflow:hidden}.photo-cell img{object-fit:cover;width:100%;height:100%}.photo-cell-actions{opacity:0;transition:opacity var(--dur-fast);justify-content:flex-end;gap:4px;display:flex;position:absolute;top:auto;bottom:4px;left:4px;right:4px}.photo-cell:hover .photo-cell-actions,.photo-cell:focus-within .photo-cell-actions{opacity:1}.photo-cell-actions button{width:26px;height:26px;color:var(--ink);background:#fffffff0;border-radius:7px;place-items:center;display:grid;box-shadow:0 1px 4px #0003}.photo-cell-actions button.danger{color:#fff;background:#c0392b}.music-list{grid-template-columns:1fr;gap:10px;display:grid}.music-card{border:1.5px solid var(--line);text-align:start;transition:all var(--dur-fast) var(--ease-out);color:var(--ink-soft);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.music-card:hover{border-color:var(--accent);transform:translateY(-1px)}.music-card.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.music-name{color:var(--ink);flex-shrink:0;font-size:14.5px;font-weight:700}.music-card.active .music-name{color:var(--accent)}.music-desc{opacity:.8;font-size:12.5px}.btn-primary{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 85%, black));color:#fff;transition:all var(--dur-fast) var(--ease-out);border-radius:11px;align-items:center;gap:7px;padding:11px 20px;font-size:14.5px;font-weight:700;display:inline-flex;box-shadow:0 2px 12px #b8860b4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #b8860b66}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--ink-soft);transition:all var(--dur-fast);border-radius:11px;align-items:center;gap:6px;padding:11px 16px;font-size:14px;font-weight:500;display:inline-flex}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.btn-ghost:disabled{opacity:.35;cursor:not-allowed}.btn-secondary{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);transition:all var(--dur-fast);border-radius:11px;align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-secondary:hover:not(:disabled){background:var(--accent);color:#fff}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.publish-online-card{border:1.5px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:16px;margin-bottom:20px;padding:24px 20px;display:flex;box-shadow:0 4px 16px #00000008}.publish-online-header{align-items:center;gap:14px;display:flex}.publish-online-icon{color:var(--accent);flex-shrink:0}.publish-online-header h3{color:var(--ink);margin:0;font-size:17px;font-weight:700}.publish-online-header p{color:var(--ink-soft);margin:2px 0 0;font-size:13px}.subdomain-input-wrapper{border:1.5px solid var(--line);background:#faf9f7;border-radius:10px;flex-direction:row;align-items:center;transition:border-color .2s;display:flex;overflow:hidden;direction:ltr!important}.subdomain-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.subdomain-input{color:var(--ink);text-align:left;background:0 0;border:none;outline:none;flex:1;padding:10px 14px;font-size:14.5px;direction:ltr!important}.subdomain-domain{color:var(--ink-soft);border-left:1px solid var(--line);unicode-bidi:isolate;background:#0000000a;padding:10px 14px;font-size:13.5px;font-weight:600;direction:ltr!important}.subdomain-preview-link{color:var(--accent);opacity:.9;margin:-6px 0 0;font-family:monospace;font-size:13px}.btn-publish-online{justify-content:center;width:100%;padding:13px;font-size:15px}.publish-alert{border-radius:12px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:13.5px;line-height:1.5;display:flex}.publish-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.publish-alert.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.publish-alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.success-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.success-details{flex-direction:column;gap:8px;width:100%;display:flex}.live-link{color:#15803d;word-break:break-all;align-items:center;gap:4px;font-family:monospace;font-weight:700;display:inline-flex}.success-actions{gap:10px;margin-top:6px;display:flex}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.publish-card{background:var(--accent-soft);text-align:center;color:var(--accent);border:1px solid #b8860b4d;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex}.publish-card h3{color:var(--ink);margin:0;font-size:20px;font-weight:700}.publish-desc{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.7}.publish-card-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.mobile-view-toggle{display:none}@media (max-width:899px){.builder-main{grid-template-columns:1fr}.builder-panel{border-inline-end:none}.builder[data-mobile-view=preview] .builder-panel{display:none}.builder[data-mobile-view=preview] .builder-preview{display:block}.mobile-view-toggle{bottom:18px;z-index:70;background:var(--accent);color:#fff;transition:transform var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast);border-radius:999px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;display:inline-flex;position:fixed;box-shadow:0 10px 28px #1a141052}.mobile-view-toggle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:18px}.mobile-view-toggle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:18px}.mobile-view-toggle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:18px}.mobile-view-toggle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:18px}.mobile-view-toggle:hover{transform:scale(1.06)}.mobile-view-toggle:active{transform:scale(.98)}}