*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:#334155;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23475569' fill-opacity='0.2'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");font-family:Georgia,Times New Roman,serif;color:#1a3a52}.app-wrapper,body{display:flex;justify-content:center}.app-wrapper{width:100%;min-height:100vh}.app-container{width:100%;max-width:480px;box-shadow:0 0 40px rgba(0,0,0,.5);overflow-x:hidden;overflow-y:auto}.app-container,.cover{background:#fff;min-height:100vh;position:relative}.cover{display:flex;align-items:center;padding:40px 0 40px 200px;overflow:hidden;animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.floral-corner{position:absolute;width:250px;height:250px;background-image:radial-gradient(circle at 30% 30%,rgba(14,165,233,.3) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(2,132,199,.2) 0,transparent 50%);pointer-events:none}.floral-corner:after,.floral-corner:before{content:"";position:absolute;background:rgba(14,165,233,.15);border-radius:50%}.floral-corner:before{width:150px;height:150px;top:20px;left:20px}.floral-corner:after{width:100px;height:100px;top:80px;left:80px}.floral-corner.top-left{top:0;left:0}.floral-corner.top-right{top:0;right:0;transform:rotate(90deg)}.floral-corner.bottom-left{bottom:0;left:0;transform:rotate(-90deg)}.floral-corner.bottom-right{bottom:0;right:0;transform:rotate(180deg)}.blue-strip{position:absolute;left:0;top:0;bottom:0;width:180px;background:linear-gradient(180deg,#0ea5e9,#0284c7);display:flex;align-items:center;padding:40px 20px;box-shadow:4px 0 15px rgba(0,0,0,.1)}.strip-content{color:#fff;writing-mode:vertical-rl;transform:rotate(180deg);text-align:left}.strip-undangan{font-size:3em;font-style:italic;font-weight:700;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.strip-date{font-size:1em;margin-bottom:15px;opacity:.95}.strip-parents{font-size:.95em;font-weight:700;margin-bottom:10px}.strip-address{font-size:.8em;opacity:.9;line-height:1.5}.cover-main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.tulip-decor{margin:20px 0}.tulip-decor.bottom{transform:rotate(180deg)}.couple-names{text-align:center;margin:20px 0}.name-dandi,.name-lisna{font-size:4em;font-style:italic;color:#0369a1;font-weight:700;text-shadow:2px 2px 4px rgba(14,165,233,.2)}.name-and{font-size:2em;color:#0284c7;margin:10px 0;font-style:italic}.guest-area{position:absolute;right:40px;top:50%;transform:translateY(-50%);text-align:center;max-width:300px}.guest-label{font-size:.9em;color:#0369a1;font-weight:700;margin-bottom:15px;letter-spacing:1px}.guest-box{background:#fff;border:3px solid #0ea5e9;border-radius:8px;padding:30px 20px;min-height:120px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 20px rgba(14,165,233,.2);margin-bottom:15px}.guest-name-dynamic{font-size:1.8em;color:#0c4a6e;font-weight:700;font-style:italic}.guest-code{font-size:.85em;color:#64748b;margin-bottom:10px}.guest-apology{font-size:.75em;color:#94a3b8;font-style:italic}.scroll-hint{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#0284c7;font-size:.9em;cursor:pointer;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.section{padding:80px 20px;max-width:800px;margin:0 auto}.section-title{font-size:2.5em;color:#0c4a6e;text-align:center;margin-bottom:40px;font-style:italic}.section-title:after{content:"";display:block;width:100px;height:3px;background:linear-gradient(90deg,#0ea5e9,#0284c7);margin:15px auto}.halaman2{background:#fff;padding:60px 40px;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.halaman2:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.25) 0,transparent 40%),radial-gradient(circle at 60% 40%,rgba(2,132,199,.2) 0,transparent 35%),radial-gradient(circle at 40% 70%,rgba(14,165,233,.15) 0,transparent 30%);pointer-events:none}.halaman2-grid{display:grid;grid-template-columns:1.3fr 1fr 1.3fr;grid-gap:40px;gap:40px;position:relative;z-index:1}.halaman2-col{padding:20px 0}.pembukaan-text{font-size:1em;line-height:1.7;color:#1e3a5f;margin-bottom:25px;font-style:italic}.mempelai-block{text-align:center;margin:20px 0;padding:15px}.mempelai-nama{font-size:2.5em;font-style:italic;color:#0369a1;font-weight:700;margin-bottom:8px;text-shadow:1px 1px 2px rgba(14,165,233,.2)}.mempelai-ket{font-size:.95em;color:#475569;line-height:1.5}.dengan-text{text-align:center;font-size:1.2em;color:#0284c7;font-style:italic;margin:15px 0;position:relative}.dengan-text:after,.dengan-text:before{content:"";position:absolute;top:50%;width:60px;height:1px;background:#0ea5e9}.dengan-text:before{left:20%}.dengan-text:after{right:20%}.col-title{font-size:1.3em;color:#0c4a6e;font-style:italic;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #0ea5e9;text-align:center}.daftar-list{list-style:none;counter-reset:item;padding:0}.daftar-list li{counter-increment:item;padding:8px 10px 8px 35px;position:relative;font-size:.9em;line-height:1.5;color:#334155;border-bottom:1px dashed #e0f2fe;transition:background .2s}.daftar-list li:hover{background:#f0f9ff;border-radius:5px}.daftar-list li:before{content:counter(item) ".";position:absolute;left:10px;font-weight:700;color:#0284c7}.halaman3{background:#fff;padding:60px 40px;max-width:1200px;margin:0 auto;position:relative;overflow:hidden;border-top:3px solid #e0f2fe;border-bottom:3px solid #e0f2fe}.halaman3:before{content:"";top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 10%,rgba(14,165,233,.15) 0,transparent 30%),radial-gradient(circle at 90% 90%,rgba(2,132,199,.15) 0,transparent 30%)}.floral-decor,.halaman3:before{position:absolute;pointer-events:none}.floral-decor{width:200px;height:200px}.floral-decor.top-left{top:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(14,165,233,.3) 0,transparent 50%),radial-gradient(circle at 60% 60%,rgba(2,132,199,.2) 0,transparent 40%)}.floral-decor.bottom-right{bottom:0;right:0;background:radial-gradient(circle at 70% 70%,rgba(14,165,233,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(2,132,199,.2) 0,transparent 40%)}.halaman3-content{display:grid;grid-template-columns:1fr 1.5fr 1fr;grid-gap:30px;gap:30px;position:relative;z-index:1;align-items:center}.halaman3-col{padding:20px}.salam-text{font-size:.95em;color:#1e3a5f;line-height:1.7}.acara-vertical-title{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.9em;font-weight:700;color:#0369a1;letter-spacing:2px;text-align:center;margin-bottom:20px;padding:10px;border-left:3px solid #0ea5e9}.acara-box-container{display:flex;align-items:center;justify-content:center;gap:20px}.ornamen-kanan,.ornamen-kiri{flex-shrink:0}.acara-detail-box{background:#f0f9ff;border:3px solid #0ea5e9;border-radius:10px;padding:30px 25px;min-width:280px;box-shadow:0 5px 20px rgba(14,165,233,.2)}.acara-row{margin-bottom:15px;display:flex;flex-direction:column}.acara-row:last-child{margin-bottom:0}.acara-label{font-weight:700;color:#0284c7;font-size:.95em;margin-bottom:5px}.acara-value{color:#0c4a6e;font-size:1em;line-height:1.6}.penutup-text{font-size:.9em;color:#1e3a5f;line-height:1.7;margin-bottom:30px}.orang-tua{display:flex;gap:20px}.orang-tua-item{text-align:center;padding:15px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border:2px solid #bae6fd}.orang-tua-nama{font-size:1.3em;font-weight:700;color:#0c4a6e;margin-bottom:8px;letter-spacing:1px}.orang-tua-ket{font-size:.85em;color:#475569;font-style:italic}.penutup{background:linear-gradient(135deg,#e0f2fe,#bae6fd);text-align:center;padding:80px 20px}.penutup-text{font-size:1.1em;color:#0c4a6e;line-height:1.8;max-width:600px;margin:0 auto}.cover{padding:40px 20px 60px;flex-direction:column}.blue-strip{position:relative;width:100%;padding:20px;box-shadow:none}.strip-content{writing-mode:horizontal-tb;transform:none;text-align:center;width:100%}.strip-undangan{font-size:2.5em;margin-bottom:10px}.strip-address,.strip-date,.strip-parents{font-size:.9em}.name-dandi,.name-lisna{font-size:3em}.guest-area{position:relative;right:auto;top:auto;transform:none;max-width:100%;margin-top:30px}.guest-name-dynamic{font-size:1.5em}.halaman2-grid{grid-template-columns:1fr;gap:30px}.halaman2{padding:40px 20px}.halaman3-content{grid-template-columns:1fr;gap:40px}.halaman3{padding:40px 20px}.acara-vertical-title{writing-mode:horizontal-tb;transform:none;border-left:none;border-bottom:3px solid #0ea5e9;padding:10px 0;margin-bottom:30px}.acara-box-container{flex-direction:column}.ornamen-kanan,.ornamen-kiri{transform:rotate(90deg)}.acara-detail-box{min-width:auto;width:100%;max-width:350px}.orang-tua{flex-direction:row;justify-content:center}.orang-tua-item{flex:1 1;max-width:200px}.name-dandi,.name-lisna{font-size:2.5em}.mempelai-nama,.strip-undangan{font-size:2em}.acara-vertical-title{font-size:.8em}.acara-detail-box{padding:20px 15px}.orang-tua-nama{font-size:1.1em}.orang-tua{flex-direction:column}.orang-tua-item{max-width:100%}