:root{--cream: #F5F0E8;--dark: #1A1008;--brown: #5C3D1E;--accent: #C8963E;--red: #8B1A1A;--light-brown: #E8D5B0;--paper: #FAF6EE;--ink: #2C1810}*{margin:0;padding:0;box-sizing:border-box}#root,main{width:100%;height:100%}body{background:#2c1810;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;font-family:Courier Prime,monospace;overflow-x:hidden}.phone-wrapper{width:100%;max-width:480px;min-height:100vh;background:var(--paper);position:relative;overflow:hidden;margin:0 auto}.phone-wrapper:before{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:480px;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}.section{min-height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;position:relative;border-bottom:3px double var(--brown)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.85);transform:scale(.85)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes scaleIn{0%{opacity:0;-moz-transform:scale(.85);transform:scale(.85)}to{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-o-keyframes scaleIn{0%{opacity:0;-o-transform:scale(.85);transform:scale(.85)}to{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translate(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@-moz-keyframes slideInLeft{0%{opacity:0;-moz-transform:translateX(-40px);transform:translate(-40px)}to{opacity:1;-moz-transform:translateX(0);transform:translate(0)}}@-o-keyframes slideInLeft{0%{opacity:0;-o-transform:translateX(-40px);transform:translate(-40px)}to{opacity:1;-o-transform:translateX(0);transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(40px);transform:translate(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@-moz-keyframes slideInRight{0%{opacity:0;-moz-transform:translateX(40px);transform:translate(40px)}to{opacity:1;-moz-transform:translateX(0);transform:translate(0)}}@-o-keyframes slideInRight{0%{opacity:0;-o-transform:translateX(40px);transform:translate(40px)}to{opacity:1;-o-transform:translateX(0);transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes floatUp{0%,to{-webkit-transform:translateY(0px);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@-moz-keyframes floatUp{0%,to{-moz-transform:translateY(0px);transform:translateY(0)}50%{-moz-transform:translateY(-8px);transform:translateY(-8px)}}@-o-keyframes floatUp{0%,to{-o-transform:translateY(0px);transform:translateY(0)}50%{-o-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@-webkit-keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.18);transform:scale(1.18)}}@-moz-keyframes heartbeat{0%,to{-moz-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.18);transform:scale(1.18)}}@-o-keyframes heartbeat{0%,to{-o-transform:scale(1);transform:scale(1)}50%{-o-transform:scale(1.18);transform:scale(1.18)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@-webkit-keyframes stampIn{0%{opacity:0;-webkit-transform:rotate(-15deg) scale(1.5);transform:rotate(-15deg) scale(1.5)}60%{-webkit-transform:rotate(3deg) scale(.95);transform:rotate(3deg) scale(.95)}to{opacity:1;-webkit-transform:rotate(-6deg) scale(1);transform:rotate(-6deg) scale(1)}}@-moz-keyframes stampIn{0%{opacity:0;-moz-transform:rotate(-15deg) scale(1.5);transform:rotate(-15deg) scale(1.5)}60%{-moz-transform:rotate(3deg) scale(.95);transform:rotate(3deg) scale(.95)}to{opacity:1;-moz-transform:rotate(-6deg) scale(1);transform:rotate(-6deg) scale(1)}}@-o-keyframes stampIn{0%{opacity:0;-o-transform:rotate(-15deg) scale(1.5);transform:rotate(-15deg) scale(1.5)}60%{-o-transform:rotate(3deg) scale(.95);transform:rotate(3deg) scale(.95)}to{opacity:1;-o-transform:rotate(-6deg) scale(1);transform:rotate(-6deg) scale(1)}}@keyframes stampIn{0%{opacity:0;transform:rotate(-15deg) scale(1.5)}60%{transform:rotate(3deg) scale(.95)}to{opacity:1;transform:rotate(-6deg) scale(1)}}@-webkit-keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@-moz-keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@-o-keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@-webkit-keyframes pulse-border{0%,to{-webkit-box-shadow:3px 3px 0 var(--accent),0 0 0 0 rgba(200,150,62,.4);box-shadow:3px 3px 0 var(--accent),0 0 #c8963e66}50%{-webkit-box-shadow:3px 3px 0 var(--accent),0 0 0 8px rgba(200,150,62,0);box-shadow:3px 3px 0 var(--accent),0 0 0 8px #c8963e00}}@-moz-keyframes pulse-border{0%,to{box-shadow:3px 3px 0 var(--accent),0 0 #c8963e66}50%{box-shadow:3px 3px 0 var(--accent),0 0 0 8px #c8963e00}}@-o-keyframes pulse-border{0%,to{box-shadow:3px 3px 0 var(--accent),0 0 #c8963e66}50%{box-shadow:3px 3px 0 var(--accent),0 0 0 8px #c8963e00}}@keyframes pulse-border{0%,to{box-shadow:3px 3px 0 var(--accent),0 0 #c8963e66}50%{box-shadow:3px 3px 0 var(--accent),0 0 0 8px #c8963e00}}@-webkit-keyframes tickPulse{0%,to{opacity:1}50%{opacity:.4}}@-moz-keyframes tickPulse{0%,to{opacity:1}50%{opacity:.4}}@-o-keyframes tickPulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes tickPulse{0%,to{opacity:1}50%{opacity:.4}}.animate{opacity:0}.animate.visible{animation-fill-mode:forwards}.anim-fadeUp{-webkit-animation:fadeInUp .7s ease forwards;-moz-animation:fadeInUp .7s ease forwards;-o-animation:fadeInUp .7s ease forwards;animation:fadeInUp .7s ease forwards}.anim-fadeDown{-webkit-animation:fadeInDown .7s ease forwards;-moz-animation:fadeInDown .7s ease forwards;-o-animation:fadeInDown .7s ease forwards;animation:fadeInDown .7s ease forwards}.anim-fadeIn{-webkit-animation:fadeIn .7s ease forwards;-moz-animation:fadeIn .7s ease forwards;-o-animation:fadeIn .7s ease forwards;animation:fadeIn .7s ease forwards}.anim-scaleIn{-webkit-animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) forwards;-moz-animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) forwards;-o-animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) forwards;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.anim-slideLeft{-webkit-animation:slideInLeft .7s ease forwards;-moz-animation:slideInLeft .7s ease forwards;-o-animation:slideInLeft .7s ease forwards;animation:slideInLeft .7s ease forwards}.anim-slideRight{-webkit-animation:slideInRight .7s ease forwards;-moz-animation:slideInRight .7s ease forwards;-o-animation:slideInRight .7s ease forwards;animation:slideInRight .7s ease forwards}.anim-stamp{-webkit-animation:stampIn .5s cubic-bezier(.34,1.56,.64,1) forwards;-moz-animation:stampIn .5s cubic-bezier(.34,1.56,.64,1) forwards;-o-animation:stampIn .5s cubic-bezier(.34,1.56,.64,1) forwards;animation:stampIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.5s}.delay-4{animation-delay:.65s}.delay-5{animation-delay:.7s}.delay-6{animation-delay:1s}.cover{background:var(--cream);background-image:repeating-linear-gradient(0deg,transparent,transparent 27px,rgba(92,61,30,.08) 27px,rgba(92,61,30,.08) 28px),repeating-linear-gradient(90deg,transparent,transparent 27px,rgba(92,61,30,.03) 27px,rgba(92,61,30,.03) 28px)}.journal-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--brown);font-family:Courier Prime,monospace;letter-spacing:.05em;margin-bottom:6px;width:100%}.journal-header{width:100%;border-top:3px solid var(--dark);border-bottom:3px solid var(--dark);padding:8px 0;text-align:center;margin-bottom:20px;position:relative}.journal-header:before,.journal-header:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--dark)}.journal-header:before{top:3px}.journal-header:after{bottom:3px}.cover-title{font-family:IM Fell English,serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--brown);text-align:center;margin-bottom:4px}.vol-info{font-size:9px;color:var(--brown);font-family:Courier Prime,monospace;letter-spacing:.06em}.initials-block{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.initial-letter{width:72px;height:72px;border:3px solid var(--dark);display:flex;align-items:center;justify-content:center;font-family:Playfair Display,serif;font-size:42px;font-weight:700;color:var(--accent);background:var(--dark);-webkit-box-shadow:3px 3px 0 var(--accent);box-shadow:3px 3px 0 var(--accent);-webkit-animation:pulse-border 2s ease infinite;-moz-animation:pulse-border 2s ease infinite;-o-animation:pulse-border 2s ease infinite;animation:pulse-border 2s ease infinite}.ampersand{font-family:IM Fell English,serif;font-size:48px;color:var(--accent);font-style:italic;-webkit-animation:floatUp 3s ease-in-out infinite;-moz-animation:floatUp 3s ease-in-out infinite;-o-animation:floatUp 3s ease-in-out infinite;animation:floatUp 3s ease-in-out infinite}.names-display{text-align:center;margin-bottom:16px}.name-main{font-family:Playfair Display,serif;font-size:26px;font-weight:700;color:var(--dark);line-height:1.2}.name-sub{font-family:Courier Prime,monospace;font-size:10px;color:var(--brown);letter-spacing:.12em;margin-top:2px}.section-divider{display:flex;align-items:center;gap:8px;width:100%;margin:12px 0}.section-divider hr{flex:1;border:none;border-top:1px solid var(--brown)}.section-divider span{font-family:IM Fell English,serif;color:var(--accent);font-size:16px}.citation-badge{background:var(--dark);color:var(--accent);font-family:Courier Prime,monospace;font-size:11px;letter-spacing:.1em;padding:8px 20px;display:inline-block;margin-top:12px}.stamp{position:absolute;top:28px;right:16px;width:68px;height:68px;border:3px solid var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-6deg)}.stamp-text{font-family:Courier Prime,monospace;font-size:8px;color:var(--red);letter-spacing:.04em;text-transform:uppercase;line-height:1.5}.scroll-indicator{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.scroll-dot{width:4px;height:4px;background:var(--brown);border-radius:50%;opacity:.3}.scroll-dot:nth-child(1){-webkit-animation:tickPulse 1.2s 0s infinite;-moz-animation:tickPulse 1.2s 0s infinite;-o-animation:tickPulse 1.2s 0s infinite;animation:tickPulse 1.2s 0s infinite}.scroll-dot:nth-child(2){-webkit-animation:tickPulse 1.2s .3s infinite;-moz-animation:tickPulse 1.2s .3s infinite;-o-animation:tickPulse 1.2s .3s infinite;animation:tickPulse 1.2s .3s infinite}.scroll-dot:nth-child(3){-webkit-animation:tickPulse 1.2s .6s infinite;-moz-animation:tickPulse 1.2s .6s infinite;-o-animation:tickPulse 1.2s .6s infinite;animation:tickPulse 1.2s .6s infinite}.ayat{background:var(--dark);position:relative;overflow:hidden}.ayat-label{font-family:Courier Prime,monospace;font-size:12px;letter-spacing:.22em;color:var(--accent);text-transform:uppercase;text-align:center;padding:4px 14px;border:1px solid var(--accent);display:inline-block;margin-bottom:12px}.bismillah{font-family:IM Fell English,serif;font-size:32px;color:var(--accent);text-align:center;margin-bottom:16px;font-style:italic;letter-spacing:.05em}.quran-card{background:#c8963e12;border:1px solid rgba(200,150,62,.25);border-left:4px solid var(--accent);padding:18px;width:100%;margin-bottom:14px}.quran-ref{font-family:Courier Prime,monospace;font-size:12px;color:var(--cream);letter-spacing:.1em;margin-bottom:10px}.quran-ref:before{content:"[ "}.quran-ref:after{content:" ]"}.arabic-text{font-size:15px;color:#f5e6c8;text-align:right;direction:rtl;line-height:2;margin-bottom:12px}.translation{font-family:Libre Baskerville,serif;font-size:11px;color:#f5e6c8bf;font-style:italic;line-height:1.7;border-top:1px dashed rgba(200,150,62,.25);padding-top:10px}.mempelai{background:var(--paper);background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(92,61,30,.06) 23px,rgba(92,61,30,.06) 24px)}.section-title-block{width:100%;text-align:center;margin-bottom:24px}.section-num{font-family:Courier Prime,monospace;font-size:10px;color:var(--brown);letter-spacing:.18em;display:block;margin-bottom:8px}.section-title{font-family:IM Fell English,serif;font-size:22px;color:var(--dark);text-transform:uppercase;letter-spacing:.08em}.section-rule{width:60px;height:2px;background:var(--accent);margin:12px auto 0}.bride-groom-card{width:100%;background:var(--cream);border:1px solid var(--brown);padding:20px;margin-bottom:14px;margin-top:14px;position:relative}.bride-groom-card:before{content:attr(data-num);position:absolute;top:-11px;left:14px;background:var(--dark);color:var(--accent);font-family:Courier Prime,monospace;font-size:9px;padding:2px 8px;letter-spacing:.08em}.person-name{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--dark);margin-bottom:8px}.person-initial-inline{display:inline-block;background:var(--dark);color:var(--accent);font-family:Playfair Display,serif;font-weight:700;padding:0 4px;margin-right:1px}.person-detail{font-family:Courier Prime,monospace;font-size:13px;color:var(--brown);line-height:1.9}.person-detail span.bold{color:var(--dark);font-weight:700}.p-icon{display:flex;align-items:center;gap:8px}.mempelai-p-icon>*:nth-child(1){color:var(--dark)}.p-icon.center{justify-content:center}.heart-connector{text-align:center;margin:6px 0;font-size:42px}.waktu{background:var(--cream);background-image:radial-gradient(circle at 20% 20%,rgba(200,150,62,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(92,61,30,.08) 0%,transparent 50%)}.event-card{width:100%;background:var(--paper);border:2px solid var(--dark);padding:20px 18px;margin-bottom:14px;position:relative;-webkit-box-shadow:4px 4px 0 var(--brown);box-shadow:4px 4px 0 var(--brown)}.event-type{font-family:Courier Prime,monospace;font-size:11px;letter-spacing:.22em;color:var(--accent);text-transform:uppercase;background:var(--dark);display:inline-block;padding:5px 10px;margin-bottom:14px;font-weight:700}.event-date{font-family:Playfair Display,serif;font-size:36px;font-weight:700;color:var(--dark);line-height:1;display:block}.event-month-year{font-family:IM Fell English,serif;font-size:14px;color:var(--brown);font-style:italic;display:block;margin:8px 0}.event-day{font-family:Courier Prime,monospace;font-size:11px;color:var(--brown);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.event-time{background:var(--accent);color:var(--dark);font-family:Playfair Display,serif;font-size:20px;font-weight:700;padding:6px 14px;display:inline-block}.venue-name{font-family:Playfair Display,serif;font-size:24px;font-weight:700;color:var(--dark);margin-bottom:6px;line-height:1.3;text-decoration:none}.venue-name:hover{text-decoration:underline}.venue-address{font-family:Courier Prime,monospace;font-size:12.5px;color:var(--brown);line-height:1.7}.map-container{width:100%;height:200px;border:2px solid var(--brown);overflow:hidden;position:relative;margin-top:14px}.map-container iframe{width:100%;height:100%;border:none}.map-label{position:absolute;top:8px;left:8px;background:var(--dark);color:var(--accent);font-family:Courier Prime,monospace;font-size:9px;padding:2px 8px;letter-spacing:.1em;z-index:10}.countdown{background:var(--dark)}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin-top:20px}.countdown-item{background:#c8963e14;border:1px solid rgba(200,150,62,.25);padding:14px 6px;text-align:center}.countdown-num{font-family:Playfair Display,serif;font-size:30px;font-weight:700;color:var(--accent);display:block;line-height:1}.countdown-label{font-family:Courier Prime,monospace;font-size:8px;color:#c8963e8c;letter-spacing:.08em;text-transform:uppercase;display:block;margin-top:4px}.footnote-style{font-family:Courier Prime,monospace;font-size:12px;color:#c8963e73;text-align:center;margin-top:32px;line-height:1.7}.footnote-style sup{color:var(--accent)}.gift{background:var(--paper);background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(92,61,30,.05) 23px,rgba(92,61,30,.05) 24px)}.gift-card{width:100%;background:var(--cream);border:1px solid var(--brown);padding:18px;margin-bottom:12px;position:relative}.bank-label{font-family:Courier Prime,monospace;font-size:9px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;background:var(--dark);display:inline-block;padding:3px 10px;margin-bottom:10px}.account-num{font-family:Playfair Display,serif;font-size:22px;font-weight:700;color:var(--dark);letter-spacing:.06em;margin-bottom:4px}.account-name{font-family:Courier Prime,monospace;font-size:11px;color:var(--brown);margin-bottom:10px}.copy-btn{display:inline-block;background:var(--dark);color:var(--accent);font-family:Courier Prime,monospace;font-size:10px;letter-spacing:.1em;padding:6px 14px;cursor:pointer;transition:all .2s;border:1px solid var(--accent)}.copy-btn:hover,.copy-btn:active{background:var(--accent);color:var(--dark)}.gift-note{font-family:Libre Baskerville,serif;font-size:11px;color:var(--brown);font-style:italic;text-align:center;line-height:1.8;margin-top:28px}.closing{background:var(--dark);text-align:center;padding-bottom:60px}.closing-names{font-family:Playfair Display,serif;font-size:38px;font-weight:700;line-height:1.2;margin-bottom:8px;background:linear-gradient(90deg,var(--accent) 0%,#F5D78E 40%,var(--accent) 60%,#C8963E 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-animation:shimmer 3s linear infinite;-moz-animation:shimmer 3s linear infinite;-o-animation:shimmer 3s linear infinite;animation:shimmer 3s linear infinite}.closing-date{font-family:Courier Prime,monospace;font-size:10px;color:#c8963e80;letter-spacing:.18em;margin-bottom:20px}.double-border{border:1px solid rgba(200,150,62,.3);padding:16px;position:relative}.double-border:before{content:"";position:absolute;inset:4px;border:1px dashed rgba(200,150,62,.2);pointer-events:none}.closing-footnote{font-family:Courier Prime,monospace;font-size:11px;color:#c8963e80;letter-spacing:.04em;line-height:1.8;border-top:1px solid rgba(200,150,62,.12);padding-top:18px;width:100%;margin-top:16px}.nav-dots{position:fixed;right:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:100}.nav-dot{width:8px;height:8px;border-radius:3px;background:#5c3d1e4d;cursor:pointer;transition:all .3s}.nav-dot.active{background:var(--accent);height:20px}.convert{color:var(--paper);width:100%;max-width:720px;margin:48px auto 0}.input-text{display:flex;flex-wrap:nowrap;gap:8px;align-items:stretch;margin:24px 0}.input-text input{flex:1}.convert button,.convert label{color:var(--dark);background-color:var(--light-brown);border:1px solid var(--accent);padding:6px 14px;border-radius:5px;font-weight:700;font-size:18px;display:flex;align-items:center;gap:6px;cursor:pointer}.convert textarea{width:100%;height:480px}@media(min-width:481px){.phone-wrapper{max-width:600px}.phone-wrapper:before{width:600px}.event-date{font-size:52px}.event-month-year{font-size:18px}}.invitation-cover{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,var(--brown) 0%,var(--dark) 100%);display:flex;justify-content:center;align-items:center;z-index:10000;color:var(--cream);overflow:hidden;font-family:Courier Prime,monospace;transition:all 1s ease}.invitation-cover.fade-out{opacity:0;transform:scale(1.1)}.invite-wrapper{width:min(420px,90%);background:#fff;border-radius:22px;box-shadow:0 22px 52px #00000047;position:relative;padding:28px 24px 30px;text-align:center;color:#2a1f28}.envelope{font-size:120px;color:var(--brown);display:inline-flex;margin-bottom:8px}.letter-icon{position:absolute;top:18px;left:50%;transform:translate(-50%);width:68px;height:40px;background:linear-gradient(180deg,#fff,#f2f2f8);border:2px solid #cbcbe1;border-radius:4px}.letter-icon:before,.letter-icon:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:80%;height:2px;background:#9f7ce4}.letter-icon:before{top:10px}.letter-icon:after{top:24px}.invite-head{font-family:Courier Prime,monospace;font-size:1.6rem;font-weight:700;margin-bottom:24px;letter-spacing:1.5px;color:var(--brown)}.invite-sub{font-size:1rem;margin-bottom:16px;color:var(--brown)}.open-button{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;border:none;background:var(--accent);color:var(--ink);font-family:Courier Prime,monospace;font-size:1.2rem;font-weight:700;padding:12px 18px;border-radius:10px;cursor:pointer;transition:all .2s ease}.open-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #36454f73}.cover-content{padding:40px;border:4px double var(--accent);background:#f5f0e81a;border-radius:10px;box-shadow:0 0 20px #00000080}.invitation-title{font-size:2.5rem;margin-bottom:10px;font-weight:700}.invitation-subtitle{font-size:1.5rem;margin-bottom:30px;color:var(--light-brown)}