@font-face{font-family:Glitten;src:url('../visualinv.my.id/wp-content/uploads/2024/02/Glitten-Regular.woff')}@font-face{font-family:Analogue;src:url('../visualinv.my.id/wp-content/uploads/2023/09/Analogue.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#e7dfda;color:#3d3033;font:400 14px/1.75 Poppins,Arial,sans-serif}.page{max-width:430px;margin:auto;background:#fbf7f0;box-shadow:0 0 60px #44263133;overflow:hidden}.section{position:relative;padding:76px 24px;text-align:center}.eyebrow{margin:0 0 9px;color:#af8751;font:600 10px/1.4 Poppins,sans-serif;letter-spacing:.28em;text-transform:uppercase}.display{margin:0;color:#682b3e;font:400 clamp(43px,12vw,62px)/1 Glitten,Georgia,serif}.lead{max-width:340px;margin:18px auto;color:#77666a}.ornament{display:flex;align-items:center;gap:12px;width:150px;margin:20px auto;color:#af8751}.ornament:before,.ornament:after{content:"";height:1px;flex:1;background:#af8751}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border:1px solid #af8751;border-radius:999px;background:#682b3e;color:#fff;text-decoration:none;font-weight:600;box-shadow:0 8px 22px #682b3e2b;transition:.25s}.btn:hover{transform:translateY(-2px);background:#50202f}.btn.outline{background:transparent;color:#682b3e}.cover{min-height:100svh;display:flex;align-items:flex-end;padding:36px 24px;background:linear-gradient(180deg,#33131e0f,#33131eeb),url('../visualinv.my.id/wp-content/uploads/2024/06/Picture1-1-1024x576.jpg') center/cover}.cover-card{width:100%;padding:30px 20px;border:1px solid #fff8;border-radius:28px;background:#3f1827a8;color:#fff;backdrop-filter:blur(7px)}.cover .eyebrow,.cover .display,.cover p{color:#fff}.guest{margin:20px 0;padding:14px;border-radius:15px;background:#fff;color:#4b383d}.intro{background:linear-gradient(160deg,#fffaf4,#ead7d3)}.monogram{width:82px;margin:0 auto 18px;filter:drop-shadow(0 10px 15px #682b3e26)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:28px 0}.time{padding:12px 4px;border:1px solid #b28a5466;border-radius:14px;background:#fff}.time strong{display:block;color:#682b3e;font:400 28px/1 Glitten,serif}.time span{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.quote{background:#682b3e;color:#fff8ef}.quote blockquote{margin:0;font:400 17px/2 Cinzel,Georgia,serif}.quote cite{display:block;margin-top:18px;color:#d9b87f;font-style:normal}.couple{background:#fbf7f0}.person{margin:30px 0;padding:28px 22px;border:1px solid #b28a5466;border-radius:110px 110px 24px 24px;background:#fff;box-shadow:0 18px 40px #50313b1a}.person img{width:210px;height:270px;margin:auto;object-fit:contain}.person h3{margin:14px 0 5px;color:#682b3e;font:400 38px/1 Glitten,serif}.person p{margin:0;color:#77666a}.events{background:linear-gradient(155deg,#f8eee9,#e5cfcd)}.event-card{margin:22px 0;padding:28px 22px;border:1px solid #b28a5488;border-radius:28px 8px;background:#fffaf4;box-shadow:0 18px 42px #5d35401f}.event-type{color:#682b3e;font:600 12px Cinzel,serif;letter-spacing:.2em;text-transform:uppercase}.date{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}.date strong{color:#682b3e;font:400 76px/.8 Glitten,serif}.date span{text-align:left;font:600 12px/1.55 Cinzel,serif;letter-spacing:.08em}.event-card h4{margin:18px 0 4px;color:#682b3e}.story{background:#fff}.timeline{text-align:left}.story-item{position:relative;margin-left:15px;padding:0 0 30px 30px;border-left:1px solid #b28a5477}.story-item:before{content:"";position:absolute;left:-6px;top:7px;width:11px;height:11px;border-radius:50%;background:#682b3e;box-shadow:0 0 0 5px #ead7d3}.story-item h3{margin:0;color:#682b3e;font:600 16px Cinzel,serif}.story-item p{margin:7px 0;color:#77666a}.gift{background:#682b3e;color:#fff}.gift .display,.gift .lead{color:#fff}.bank-card{margin:18px 0;padding:24px;border-radius:22px;background:#fff;color:#3d3033;text-align:left;box-shadow:0 18px 40px #30101a4d}.bank-logo{width:110px;height:38px;object-fit:contain;object-position:left}.account{margin:14px 0 2px;color:#682b3e;font:600 20px Poppins,sans-serif;letter-spacing:.05em}.copy{float:right;border:0;border-radius:99px;background:#ead7d3;color:#682b3e;padding:7px 12px;cursor:pointer}.wishes{background:linear-gradient(#fbf7f0,#ead7d3)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.stat{padding:15px;border-radius:16px;background:#fff;box-shadow:0 9px 24px #56323c14}.stat strong{display:block;color:#682b3e;font:400 28px Glitten,serif}.wish-form{padding:20px;border:1px solid #b28a5466;border-radius:22px;background:#fff;text-align:left}.field{width:100%;margin:0 0 11px;padding:12px 13px;border:1px solid #d9c9c5;border-radius:12px;background:#fff;font:inherit}.field:focus{outline:2px solid #b28a55;outline-offset:1px}.status{min-height:25px;margin:10px 0;color:#527342}.status.error{color:#a23c49}.comments{margin-top:24px;text-align:left}.comment{margin:0 0 12px;padding:15px;border-radius:16px;background:#fff;box-shadow:0 8px 22px #56323c12}.comment-head{display:flex;justify-content:space-between;gap:10px}.comment-name{color:#682b3e;font-weight:700}.badge{padding:2px 8px;border-radius:99px;background:#ead7d3;font-size:10px}.comment p{margin:7px 0 0}.closing{min-height:90svh;display:flex;align-items:flex-end;background:linear-gradient(#3b17243b,#35141fe8),url('../visualinv.my.id/wp-content/uploads/2024/06/Picture1-1-1024x576.jpg') center/cover;color:#fff}.closing .display,.closing .lead{color:#fff}.music{position:fixed;right:max(18px,calc((100vw - 430px)/2 + 18px));bottom:82px;z-index:20;width:46px;height:46px;border:0;border-radius:50%;background:#682b3e;color:#fff;box-shadow:0 8px 25px #0003;cursor:pointer}.nav{position:fixed;left:50%;bottom:10px;z-index:19;display:flex;gap:5px;transform:translateX(-50%);padding:7px;border:1px solid #b28a5455;border-radius:18px;background:#fffdf1e8;backdrop-filter:blur(12px);box-shadow:0 8px 30px #44263130}.nav a{display:grid;place-items:center;width:43px;height:40px;border-radius:12px;color:#682b3e;text-decoration:none;font-size:18px}.nav a:hover{background:#ead7d3}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:500px){body{background:#fbf7f0}.page{max-width:none;box-shadow:none}.section{padding-inline:20px}.music{right:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
