:root{--bg-cream: #FDFBF7;--bg-card: rgba(253, 251, 247, .5);--border-glass: rgba(255, 255, 255, .5);--color-primary: #1E272C;--color-secondary: #5A6F7D;--color-accent-blue: #8CA9C4;--color-accent-sage: #A9BCA9;--color-light-blue: #B9D3EE;--color-sage-light: #C2D1C2;--color-white: #FFFFFF;--font-serif: "Cormorant Garamond", serif;--font-sans: "Inter", sans-serif;--font-heading: "Montserrat", sans-serif;--transition-smooth: all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;background-color:var(--bg-cream);color:var(--color-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:var(--color-accent-blue);border-radius:3px}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;letter-spacing:.03em;line-height:1.2}p{font-size:1.05rem;line-height:1.6;color:var(--color-secondary);font-weight:300}.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-cream);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity 1s cubic-bezier(.16,1,.3,1),visibility 1s}.preloader.fade-out{opacity:0;visibility:hidden;pointer-events:none}.preloader-content{text-align:center;max-width:450px;width:90%;z-index:10;padding:40px}.preloader-title{font-size:3rem;margin-bottom:10px;color:var(--color-primary);font-weight:300;animation:fadeIn 1.5s ease-out}.preloader-date{font-family:var(--font-heading);font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:40px;animation:fadeIn 1.8s ease-out}.loader-container{margin-top:20px;transition:opacity .5s ease}.loader-bar-bg{width:100%;height:1px;background:#00000014;border-radius:1px;overflow:hidden;margin-bottom:15px}.loader-bar{height:100%;width:100%;background:var(--color-accent-blue);transform:scaleX(0);transform-origin:left;transition:transform .1s ease-out}.loader-text{font-family:var(--font-heading);font-size:.8rem;color:var(--color-secondary);letter-spacing:.05em;text-transform:uppercase}.preloader-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(0,0,0,.015) 1px,transparent 0);background-size:24px 24px;pointer-events:none;opacity:.7}.enter-btn{font-family:var(--font-heading);background:transparent;border:1px solid var(--color-accent-blue);color:var(--color-primary);padding:14px 32px;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:30px;transition:var(--transition-smooth);outline:none;margin-top:10px;animation:pulseGlow 2s infinite}.enter-btn:hover{background:var(--color-accent-blue);color:var(--bg-cream);border-color:var(--color-accent-blue);transform:translateY(-2px);box-shadow:0 8px 20px #8ca9c440}.hidden{display:none!important}.canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;background-color:#f1ede6}#video-canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:block}.canvas-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#fdfbf71a,#fdfbf759 60%,#fdfbf780);z-index:-1;pointer-events:none}.music-btn{position:fixed;bottom:30px;right:30px;z-index:100;background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-glass);padding:10px 20px;border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:var(--transition-smooth);box-shadow:0 4px 15px #0000000d}.music-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014;background:var(--bg-cream)}.music-btn-text{font-family:var(--font-heading);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);font-weight:500}.music-icon{display:flex;align-items:flex-end;gap:3px;width:16px;height:14px}.music-icon .bar{width:2px;height:100%;background-color:var(--color-accent-blue);border-radius:1px;transform-origin:bottom;animation:equalizerBar 1.2s ease infinite alternate;animation-play-state:paused}.music-icon .bar:nth-child(2){animation-duration:.8s}.music-icon .bar:nth-child(3){animation-duration:1.4s}.music-icon .bar:nth-child(4){animation-duration:1s}.music-btn.playing .music-icon .bar{animation-play-state:running}#scroll-wrapper{position:relative;z-index:2;width:100%}.scroll-section{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.sticky-section{position:sticky;top:0;height:100vh}.section-content{max-width:1200px;width:100%;display:flex;flex-direction:column;pointer-events:none}.section-content>*{pointer-events:auto}.text-center{align-items:center;text-align:center}.text-left-offset{align-items:flex-start;justify-content:center;padding-left:5%}.text-right-offset{align-items:flex-end;justify-content:center;padding-right:5%}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);padding:40px 50px;border-radius:20px;max-width:500px;box-shadow:0 10px 40px #00000008;opacity:0;transform:translateY(30px);transition:opacity .3s ease-in,transform .3s ease-in}.glass-card.wide-card{max-width:700px}.active .glass-card,.active.fade-in-up{opacity:1;transform:translateY(0);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.section-subtitle{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:20px}.hero-title{font-size:5rem;font-weight:300;color:var(--color-primary);line-height:1.1;margin-bottom:25px}.hero-divider{width:80px;height:1px;background-color:var(--color-accent-blue);margin-bottom:25px}.hero-date{font-family:var(--font-heading);font-size:1.1rem;letter-spacing:.4em;color:var(--color-primary)}#hero{align-items:flex-start;padding-top:7vh}#hero .scroll-arrow{position:absolute;bottom:6vh;left:50%;transform:translate(-50%);margin-top:0}.scroll-arrow{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-blue);font-weight:600;text-shadow:0 1px 4px rgba(30,39,44,.15);transition:var(--transition-smooth)}.scroll-arrow svg{animation:floatArrow 2.4s ease-in-out infinite;stroke-width:2.2px;filter:drop-shadow(0 1px 3px rgba(30,39,44,.15));transition:var(--transition-smooth)}.scroll-indicator-down{display:flex;justify-content:center;margin-top:25px;color:var(--color-accent-blue)}.scroll-indicator-down svg{animation:floatArrow 2.4s ease-in-out infinite}.card-title{font-size:2.2rem;margin-bottom:20px;position:relative;display:block;text-align:center}.card-title:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:40px;height:1px;background-color:var(--color-accent-blue)}.card-text{margin-bottom:15px}.card-text:last-child{margin-bottom:0}.details-section{background-color:transparent;position:relative;padding:100px 0 0;width:100%}.details-container{max-width:900px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:50px}.details-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:20px;padding:50px;box-shadow:0 10px 40px #1e272c08}.details-heading{font-size:2.5rem;text-align:center;margin-bottom:40px;color:var(--color-primary);position:relative}.details-heading:after{content:"";display:block;width:50px;height:1px;background-color:var(--color-accent-blue);margin:15px auto 0}.countdown-card{text-align:center}.countdown-timer{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.countdown-item{display:flex;flex-direction:column;align-items:center;background:var(--bg-cream);padding:20px 10px;border-radius:12px;border:1px solid rgba(0,0,0,.02)}.countdown-item .number{font-family:var(--font-serif);font-size:3.2rem;font-weight:300;color:var(--color-primary);line-height:1;margin-bottom:5px}.countdown-item .label{font-family:var(--font-heading);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-secondary)}.mt-15{margin-top:15px}.color-palette{display:flex;gap:15px;margin:20px 0;justify-content:center;flex-wrap:wrap}.color-swatch{width:60px;height:60px;border-radius:50%;position:relative;cursor:help;box-shadow:0 4px 10px #0000000d;transition:var(--transition-fast)}.color-swatch:hover{transform:scale(1.1)}.color-swatch span{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:.65rem;color:var(--color-secondary);white-space:nowrap;opacity:0;transition:var(--transition-fast);pointer-events:none;letter-spacing:.05em}.color-swatch:hover span{opacity:1;bottom:-20px}.timeline{position:relative;max-width:700px;margin:40px auto 0;padding-left:120px}.timeline:before{content:"";position:absolute;left:100px;top:5px;bottom:5px;width:1px;background-color:var(--color-sage-light)}.timeline-item{position:relative;margin-bottom:45px}.timeline-item:last-child{margin-bottom:0}.timeline-time{position:absolute;left:-120px;width:80px;text-align:right;font-family:var(--font-heading);font-size:.95rem;font-weight:500;color:var(--color-primary);top:2px}.timeline-dot{position:absolute;left:-24px;top:5px;width:9px;height:9px;border-radius:50%;background-color:var(--color-accent-blue);border:2px solid var(--color-white);outline:4px solid var(--bg-cream);z-index:5;transition:var(--transition-fast)}.timeline-item:hover .timeline-dot{background-color:var(--color-accent-sage);transform:scale(1.3)}.timeline-content h4{font-family:var(--font-heading);font-size:1.1rem;font-weight:500;color:var(--color-primary);margin-bottom:5px}.timeline-content p{font-size:.95rem}.map-card{overflow:hidden}.card-subtitle-text{text-align:center;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}#map{width:100%;height:400px;border-radius:12px;border:1px solid rgba(0,0,0,.05);z-index:1}.custom-map-marker{display:flex;align-items:center;justify-content:center}.marker-pin{width:34px;height:34px;border-radius:50% 50% 50% 0;background:var(--color-accent-blue);position:absolute;transform:rotate(-45deg);left:50%;top:50%;margin:-17px 0 0 -17px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-glass)}.marker-pin:after{content:"💍";font-size:14px;transform:rotate(45deg);display:block}.wishes-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 30px;margin-top:20px}.wish-item{display:flex;flex-direction:column;align-items:center;text-align:center}.wish-icon{width:56px;height:56px;border-radius:50%;background:#8ca9c41a;display:flex;align-items:center;justify-content:center;color:var(--color-accent-blue);margin-bottom:15px;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s ease}.wish-item:hover .wish-icon{transform:translateY(-4px);background:#8ca9c433}.wish-item h4{font-size:1.4rem;margin-bottom:10px;color:var(--color-primary)}.wish-item p{font-size:.95rem;max-width:320px}.rsvp-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:35px}.form-group>label{display:block;font-family:var(--font-heading);font-size:.95rem;font-weight:500;margin-bottom:12px;color:var(--color-primary)}.form-group input[type=text]{width:100%;padding:14px 18px;font-family:var(--font-sans);font-size:1rem;border:1px solid #D9D9D9;border-radius:10px;background-color:var(--bg-cream);outline:none;transition:var(--transition-fast)}.form-group input[type=text]:focus{border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #8ca9c426;background-color:var(--color-white)}.radio-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.radio-tile{position:relative;cursor:pointer;display:block}.radio-tile input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-tile-content{border:1px solid #D9D9D9;padding:20px 15px;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:var(--transition-fast);background-color:var(--color-white)}.radio-tile:hover .radio-tile-content{border-color:var(--color-accent-blue);background-color:var(--bg-cream)}.radio-tile input:checked+.radio-tile-content{border-color:var(--color-accent-blue);background-color:#8ca9c414;box-shadow:0 4px 15px #8ca9c41f}.radio-tile .icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#8ca9c41a;color:var(--color-accent-blue);margin-bottom:5px;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s ease,color .3s ease}.radio-tile:hover .icon{transform:translateY(-2px);background:#8ca9c42e}.radio-tile input:checked+.radio-tile-content .icon{background:var(--color-accent-blue);color:var(--color-white)}.radio-tile .label-text{font-family:var(--font-heading);font-size:.85rem;font-weight:500;color:var(--color-primary)}.radio-group-inline{display:flex;gap:25px;flex-wrap:wrap;margin-top:5px}.radio-label,.checkbox-label{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:.95rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;color:var(--color-secondary)}.radio-label input,.checkbox-label input{position:absolute;opacity:0;cursor:pointer}.custom-radio{width:20px;height:20px;border:1px solid #C4C4C4;border-radius:50%;display:inline-block;position:relative;transition:var(--transition-fast);background-color:var(--color-white)}.radio-label:hover .custom-radio{border-color:var(--color-accent-blue)}.radio-label input:checked~.custom-radio{border-color:var(--color-accent-blue)}.custom-radio:after{content:"";position:absolute;display:none;top:5px;left:5px;width:8px;height:8px;border-radius:50%;background:var(--color-accent-blue)}.radio-label input:checked~.custom-radio:after{display:block}.radio-label input:checked,.checkbox-label input:checked{color:var(--color-primary)}.radio-label input:checked~span,.checkbox-label input:checked~span{color:var(--color-primary);font-weight:400}.checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;margin-top:5px}.custom-checkbox{width:20px;height:20px;border:1px solid #C4C4C4;border-radius:6px;display:inline-block;position:relative;transition:var(--transition-fast);background-color:var(--color-white)}.checkbox-label:hover .custom-checkbox{border-color:var(--color-accent-blue)}.checkbox-label input:checked~.custom-checkbox{border-color:var(--color-accent-blue);background-color:var(--color-accent-blue)}.custom-checkbox:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input:checked~.custom-checkbox:after{display:block}.transition-fields{display:grid;grid-template-rows:1fr;transition:grid-template-rows .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.transition-fields.collapsed{grid-template-rows:0fr}.transition-fields-inner{min-height:0;opacity:1;transition:opacity .4s ease-out}.transition-fields.collapsed .transition-fields-inner{opacity:0;pointer-events:none}.submit-btn{width:100%;font-family:var(--font-heading);background-color:var(--color-primary);color:var(--color-white);border:none;padding:16px;font-size:.95rem;letter-spacing:.15em;text-transform:uppercase;border-radius:12px;cursor:pointer;transition:var(--transition-smooth);margin-top:20px}.submit-btn:hover{background-color:var(--color-accent-blue);transform:translateY(-2px);box-shadow:0 8px 25px #8ca9c440}.submit-btn:active{transform:translateY(0)}.rsvp-success{text-align:center;padding:40px 20px;animation:fadeIn .8s ease-out}.success-icon{font-size:3.5rem;margin-bottom:20px;animation:pulseGlow 2s infinite}.rsvp-success h3{font-size:2.2rem;margin-bottom:15px;color:var(--color-primary)}.rsvp-success p{max-width:450px;margin:0 auto 30px}.edit-btn{background:transparent;border:1px solid var(--color-secondary);color:var(--color-secondary);padding:10px 24px;font-family:var(--font-heading);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;border-radius:20px;cursor:pointer;transition:var(--transition-fast)}.edit-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#00000005}.contacts-card{text-align:center}.contact-person{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:25px}.contact-name{font-family:var(--font-serif);font-size:1.8rem;color:var(--color-primary)}.contact-phone{font-family:var(--font-heading);font-size:1.05rem;color:var(--color-accent-blue);text-decoration:none;font-weight:500;transition:var(--transition-fast);border-bottom:1px solid transparent;padding-bottom:2px}.contact-phone:hover{border-color:var(--color-accent-blue)}.site-footer{text-align:center;padding:64px 24px;background-color:#FAF6EC;border-top:1px solid rgba(140,169,196,.2);width:100%;box-sizing:border-box;box-shadow:0 -4px 20px rgba(30,39,44,.04);margin-top:80px}.footer-title{font-family:var(--font-serif);font-size:2.4rem;color:var(--color-primary);margin-bottom:8px;font-weight:300}.footer-subtitle{font-family:var(--font-heading);font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;transform:translateY(20px);transition:opacity .3s ease-in,transform .3s ease-in}.active .fade-in-up{opacity:1;transform:translateY(0);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.active .delay-1{transition-delay:.2s}.active .delay-2{transition-delay:.4s}.active .delay-3{transition-delay:.6s}@keyframes floatArrow{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes equalizerBar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 #8ca9c466}70%{box-shadow:0 0 0 8px #8ca9c400}to{box-shadow:0 0 #8ca9c400}}@media (max-width: 768px){html{font-size:15px}.preloader-title{font-size:2.4rem}#hero{padding-top:4vh}.hero-title{font-size:3.5rem;display:flex;flex-direction:column;align-items:center;gap:0px;line-height:.95}.hero-title .ampersand{font-size:.85em;line-height:.8;margin:-4px 0}.glass-card{padding:30px;margin:0 10px}.text-left-offset,.text-right-offset{padding-left:0;padding-right:0;align-items:center;text-align:center}.timeline{padding-left:0;margin-top:30px}.timeline:before{display:none}.timeline-item{padding-left:0;margin-bottom:35px}.timeline-time{position:relative;left:0;width:auto;text-align:left;display:block;margin-bottom:5px;font-size:.85rem;color:var(--color-accent-blue)}.timeline-dot{display:none}.wishes-grid{grid-template-columns:1fr;gap:30px}.checkbox-grid{grid-template-columns:1fr;gap:12px}.radio-buttons-grid{grid-template-columns:1fr}.countdown-timer{grid-template-columns:repeat(2,1fr)}.music-btn{bottom:20px;right:20px;padding:8px 16px}#map{height:300px}}