:root{--primary:#d4a574;--primary-dark:#c48b4d;--secondary:#ad566e;--pink:#d46f8b;--taupe:#8b7355;--text:#333;--light-bg:#faf8f5}*{box-sizing:border-box}body,html{background-color:var(--light-bg);color:var(--text);background-image:url(../images/rosebg.png);background-position:0 0;background-repeat:no-repeat;min-height:100vh;margin:0;padding:0}body,h1,h2,h3,h4,h5,h6,html{font-family:Playfair Display,Georgia,serif}h1,h2,h3,h4,h5,h6{font-weight:400}.landing-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";background:0 0;animation:2s ease-in-out .5s forwards heroOverlayFadeIn;position:absolute;inset:0}@media (width<=768px){.landing-hero{justify-content:flex-start;padding-top:15vh}}@keyframes heroOverlayFadeIn{0%{background:0 0}to{background:#000000b3}}.landing-content{z-index:1;text-align:center;color:#fff;padding:2rem;position:relative}@media (width<=768px){.landing-content{padding:1rem 2rem}}.sparkle{opacity:0;pointer-events:none;width:4px;height:4px;animation:2.5s ease-in-out infinite sparkleTwinkle;box-shadow:0 0 6px #fffc,0 0 12px #fff9,0 0 18px #fff6}.sparkle,.sparkle:after,.sparkle:before{background:#ffffffe6;border-radius:50%;position:absolute}.sparkle:after,.sparkle:before{content:"";top:50%;left:50%;box-shadow:0 0 4px #fffc}.sparkle:before{width:2px;height:12px;margin-top:-6px;margin-left:-1px}.sparkle:after{width:12px;height:2px;margin-top:-1px;margin-left:-6px}.sparkle-1{animation-delay:4.9s;top:-25px;left:10%}.sparkle-2{animation-delay:5.2s;top:5px;left:5%}.sparkle-3{animation-delay:5.5s;top:-20px;right:15%}.sparkle-4{animation-delay:5.8s;top:0;right:8%}.sparkle-5{animation-delay:6.1s;top:50%;left:-5%}.sparkle-6{animation-delay:6.4s;top:50%;right:-5%}.sparkle-7{animation-delay:6.7s;bottom:-15px;left:20%}.sparkle-8{animation-delay:7s;bottom:-10px;right:25%}.sparkle-9{animation-delay:5.5s;top:-20px;left:15%}.sparkle-10{animation-delay:5.8s;top:-20px;right:15%}@keyframes sparkleTwinkle{0%{opacity:0;transform:scale(0)rotate(0)}20%{opacity:.7;transform:scale(1)rotate(90deg)}50%{opacity:1;transform:scale(1.2)rotate(180deg)}80%{opacity:.7;transform:scale(1)rotate(270deg)}to{opacity:0;transform:scale(0)rotate(1turn)}}.landing-title{letter-spacing:.1em;text-shadow:2px 2px 4px #0000004d;color:var(--primary);margin-bottom:0;font-size:3rem;font-weight:300;position:relative}.landing-title span{opacity:0;display:block}.landing-title .name1{font-size:3.7rem;animation:.6s ease-out 1s forwards slideInFromLeft}.landing-title .and{animation:.3s ease-out 1.5s forwards popIn;display:inline-block}.landing-title .name2{animation:.6s ease-out 1.8s forwards slideInFromRight}@media (width<=768px){.landing-title{font-size:2.8rem}.landing-title .name1{font-size:3.7rem}}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-180deg)}50%{transform:scale(1.5)rotate(10deg)}70%{transform:scale(.9)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-150px)translateY(-30px)rotate(-5deg)scale(.5)}60%{transform:translate(10px)translateY(5px)rotate(3deg)scale(1.1)}80%{transform:translate(-5px)translateY(-2px)rotate(-2deg)scale(.95)}to{opacity:1;transform:translate(0)translateY(0)rotate(0)scale(1)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(150px)translateY(-30px)rotate(15deg)scale(.5)}60%{transform:translate(-10px)translateY(5px)rotate(-3deg)scale(1.1)}80%{transform:translate(5px)translateY(-2px)rotate(2deg)scale(.95)}to{opacity:1;transform:translate(0)translateY(0)rotate(0)scale(1)}}.gaan-trouwen{color:var(--pink);text-shadow:1px 1px 2px #0000004d;opacity:0;margin-bottom:0;font-size:2.1rem;animation:.5s ease-out 2.5s forwards bounceIn;position:relative}@media (width<=768px){.gaan-trouwen{font-size:1.95rem}}@keyframes bounceIn{0%{opacity:0;transform:scale(.1)translateY(-80px)rotate(-10deg)}40%{transform:scale(1.15)translateY(10px)rotate(5deg)}60%{transform:scale(.9)translateY(-5px)rotate(-3deg)}80%{transform:scale(1.05)translateY(3px)rotate(2deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.clouds-container{z-index:1;pointer-events:none;opacity:0;height:60vh;min-height:500px;transition:opacity 1.2s ease-out,transform 1.5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.clouds-container.show{opacity:1;transform:translateY(5vh)}.clouds-container.exit{transition:transform 1.2s cubic-bezier(.4,0,.2,1);transform:translateY(-35vh)scale(3);opacity:1!important}.clouds-container.exit .cloud,.clouds-container.exit .cloud:after,.clouds-container.exit .cloud:before{background:#faf8f5;transition:background 1.2s cubic-bezier(.4,0,.2,1)}@media (width>=769px){.clouds-container{display:none}}@media (width<=768px){.clouds-container{height:55vh;min-height:450px}}.cloud{bottom:0}.cloud,.cloud:after,.cloud:before{background:#fffffff7;border-radius:200px;transition:background 1.2s cubic-bezier(.4,0,.2,1);position:absolute}.cloud:after,.cloud:before{content:""}.cloud-1{width:350px;height:160px;animation:8s ease-in-out infinite float1;bottom:30px;left:-15%}.cloud-1:before{width:220px;height:220px;top:-110px;left:60px}.cloud-1:after{width:250px;height:190px;top:-95px;left:140px}.cloud-2{width:380px;height:170px;animation:10s ease-in-out infinite float2;bottom:50px;right:-15%}.cloud-2:before{width:230px;height:230px;top:-115px;left:75px}.cloud-2:after{width:270px;height:200px;top:-100px;left:150px}.cloud-3{width:320px;height:150px;animation:12s ease-in-out infinite float3;bottom:10px;left:15%}.cloud-3:before{width:200px;height:200px;top:-100px;left:55px}.cloud-3:after{width:220px;height:180px;top:-90px;left:120px}@keyframes float1{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-25px)translate(15px)}}@keyframes float2{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-30px)translate(-20px)}}@keyframes float3{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-20px)translate(25px)}}.code-input-container{z-index:3;opacity:0;pointer-events:none;background:#fffffffa;border-radius:12px;width:90%;max-width:340px;padding:2rem;transition:opacity 1s ease-out,transform 1.5s cubic-bezier(.4,0,.2,1),top 1.5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:80px;left:50%;transform:translate(-50%)translateY(100vh);box-shadow:0 8px 30px #0003}.code-input-container.wide{max-width:420px}.code-input-container.shake-error{animation:.4s ease-in-out shakeVertical}.code-input-container.show{pointer-events:auto;transform:translate(-50%)translateY(0);opacity:1!important}.code-input-container.exit{opacity:0;pointer-events:none;transition:opacity .8s ease-out,transform 1s cubic-bezier(.4,0,.2,1);transform:translate(-50%)translateY(100vh)}@media (width<=768px){.code-input-container{max-width:320px;padding:1.5rem;top:100vh;bottom:auto;transform:translate(-50%)translateY(0)}.code-input-container.wide{max-width:360px}.code-input-container.show{top:60vh}.code-input-container.exit{opacity:0;pointer-events:none;top:100vh;transform:translate(-50%)translateY(0)}}@media (height<=600px){.code-input-container.show{top:55vh}}@keyframes shakeVertical{0%,to{transform:translate(-50%)translateY(0)}25%{transform:translate(-50%)translateY(-4px)}50%{transform:translate(-50%)translateY(0)}75%{transform:translate(-50%)translateY(4px)}}.code-input-title{color:var(--text);text-align:center;margin:0 0 1.5rem;font-size:1.1rem}.code-inputs{justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.code-inputs.compact{gap:.4rem}.code-digit{text-align:center;border:2px solid #ddd;border-radius:8px;outline:none;width:50px;height:60px;font-family:inherit;font-size:1.5rem;transition:border-color .2s,box-shadow .2s}.code-inputs.compact .code-digit{width:38px;height:50px;font-size:1.2rem}.code-digit:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d4a57433}.code-error{color:#dc3545;text-align:center;margin-bottom:1rem;font-size:.9rem;display:none}.code-error.show{display:block}.btn-enter{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;padding:.75rem 2rem;font-family:inherit;font-size:1rem;transition:background-color .2s}.btn-enter:hover{background-color:var(--primary-dark)}.btn-enter:disabled{opacity:.6;cursor:not-allowed}.code-input-container.open{padding-top:1.5rem;padding-bottom:1.5rem}.hamburger-menu{z-index:1000;cursor:pointer;background:#fffffff2;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem;font-family:inherit;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 2px 10px #0000001a}.hamburger-icon{display:block}.hamburger-label{color:var(--text);font-size:.95rem;font-weight:600}.hamburger-line{background-color:var(--text);width:25px;height:3px;margin:5px 0;transition:transform .3s,opacity .3s;display:block}.hamburger-menu.active .hamburger-line:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger-menu.active .hamburger-line:nth-child(2){opacity:0}.hamburger-menu.active .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.nav-overlay{z-index:999;opacity:0;visibility:hidden;background:#fffffffa;justify-content:center;align-items:center;padding:4rem 1rem 2rem;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0;overflow-y:auto}.nav-overlay.active{opacity:1;visibility:visible}.nav-menu{text-align:center;margin:0;padding:0;list-style:none}.nav-menu li{margin:1.5rem 0}.nav-menu a{color:var(--text);letter-spacing:.05em;font-size:1.5rem;font-weight:400;text-decoration:none;transition:color .2s;position:relative}.nav-menu a.active,.nav-menu a:hover{color:var(--primary)}.nav-menu a:after{content:"";background-color:var(--primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-menu a.active:after,.nav-menu a:hover:after{width:100%}.nav-menu a.nav-logout{color:#999;opacity:.7;border-top:1px solid #0000001a;margin-top:2rem;padding-top:2rem;font-size:1.2rem;display:block}.nav-menu a.nav-logout:hover{color:#666;opacity:1}.nav-menu a.nav-logout:after{display:none}.main-content{min-height:100vh;padding-top:4rem}.page-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.page-title{text-align:center;color:var(--secondary);margin-bottom:2rem;font-size:2rem}@media (width>=768px){.page-title{font-size:2.5rem}}.page-content{font-size:1.05rem;line-height:1.7}.page-content h2,.page-content h3{color:var(--taupe)}.page-content img{border-radius:8px;max-width:100%}.attendance-form{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 15px #00000014}@media (width>=768px){.attendance-form{padding:2rem}}.rsvp-intro{margin-bottom:1.5rem;line-height:1.6}.rsvp-deadline{color:#666;text-align:center;margin-bottom:1.5rem;font-size:.9rem}.person-card{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1.25rem}.person-card:last-child{margin-bottom:0}.person-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.person-name{font-size:1.1rem;font-weight:500}.attend-buttons{gap:.5rem;display:flex}.attend-btn{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:4px;padding:.5rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.attend-btn.yes.selected{border-color:var(--primary);background:var(--primary);color:#fff}.attend-btn.no.selected{color:#fff;background:#999;border-color:#999}.extra-fields{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.field-label{color:#666;margin-bottom:.5rem;font-size:.95rem;display:block}.field-textarea{resize:vertical;border:1px solid #ddd;border-radius:4px;width:100%;min-height:80px;padding:.75rem;font-family:inherit;font-size:.95rem}.field-textarea:focus{border-color:var(--primary);outline:none}.btn-submit{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:1.5rem;padding:1rem 2rem;font-family:inherit;font-size:1.1rem;transition:background-color .2s}.btn-submit:hover{background-color:var(--primary-dark)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.success-message{color:#155724;background:#d4edda}.error-message,.success-message{text-align:center;border-radius:4px;margin-bottom:1rem;padding:1rem}.error-message{color:#842029;background:#f8d7da}.landing-hero.no-anim .gaan-trouwen,.landing-hero.no-anim .landing-title span,.landing-hero.no-anim:before{opacity:1!important;animation:none!important}.landing-hero.no-anim:before{background:#000000b3}.landing-hero.no-anim .sparkle{display:none}.site-error,.site-loading{text-align:center;color:#666;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.preview-banner{z-index:2000;background:var(--secondary);color:#fff;text-align:center;letter-spacing:.05em;padding:.35rem 1rem;font-size:.85rem;position:fixed;bottom:0;left:0;right:0}.page-blocks{flex-direction:column;gap:1.5rem;display:flex}.content-block{grid-template-columns:repeat(12,1fr);align-items:center;gap:1.5rem;display:grid}.block-text{grid-column:span var(--cols,12)}.block-image{grid-column:span var(--cols,6)}.block-image img{border-radius:8px;width:100%;display:block}.block-image-placeholder{min-height:10rem;color:var(--taupe,#8b7355);letter-spacing:.06em;text-transform:uppercase;background:repeating-linear-gradient(-45deg,#faf8f5,#faf8f5 8px,#f0ebe3 0 16px);border:2px dashed #d4c9b8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;padding:1rem;font-size:.78rem;font-weight:600;display:flex}.content-block.image-text .block-image{order:0}.content-block.image-text .block-text{order:1}@media (width<=768px){.content-block{grid-template-columns:1fr}.block-image,.block-text{grid-column:auto}.block-text{order:1!important}.block-image{order:2!important}}.page-timeline{padding:.5rem 0 1.5rem;position:relative}.page-timeline:before{content:"";background:var(--primary);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{-moz-column-gap:1.5rem;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:.2rem 1.5rem;margin-bottom:1.75rem;display:grid;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item.left .timeline-text,.timeline-item.left .timeline-time{text-align:right;grid-column:1;padding-right:.25rem}.timeline-item.right .timeline-text,.timeline-item.right .timeline-time{text-align:left;grid-column:3;padding-left:.25rem}.timeline-time{letter-spacing:.08em;text-transform:uppercase;color:var(--taupe);white-space:nowrap;grid-row:1;margin:0;font-size:.95rem}.timeline-text{grid-row:2;margin:0;line-height:1.45}.timeline-item:not(:has(.timeline-time)) .timeline-text{grid-row:1}.timeline-dot{background:var(--primary);border:2px solid var(--light-bg);width:12px;height:12px;box-shadow:0 0 0 2px var(--primary);z-index:1;border-radius:50%;grid-area:1/2;place-self:center;margin:0}@media (width<=768px){.page-timeline:before{left:8px;transform:none}.timeline-item{grid-template-columns:18px 1fr}.timeline-item.left .timeline-text,.timeline-item.left .timeline-time,.timeline-item.right .timeline-text,.timeline-item.right .timeline-time{text-align:left;grid-column:2;padding-left:0;padding-right:0}.timeline-dot{grid-column:1}}