:root{--primary:#bfa054;--primary-light:#dfd3b9;--primary-dark:#a08040;--secondary:#4a4a4a;--bg-cream:#fdfcf0;--text-dark:#333;--text-muted:#777;--white:#fff;--font-heading:"Cinzel Decorative", serif;--font-body:"Montserrat", sans-serif;--font-accent:"Playfair Display", serif;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 10px #00000014;--shadow-lg:0 10px 25px #0000000d;--transition:all .4s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-cream);color:var(--text-dark);line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:2px;font-weight:700}section{max-width:1200px;margin:0 auto;padding:100px 20px;position:relative}button{cursor:pointer;background:var(--primary);color:var(--white);font-family:var(--font-body);letter-spacing:3px;transition:var(--transition);text-transform:uppercase;border:1px solid #fff3;border-radius:50px;outline:none;padding:15px 40px;font-size:.95rem;font-weight:500;box-shadow:0 8px 20px #0003}button:hover{background:var(--primary-dark);border:1px solid #fff6;transform:translateY(-2px);box-shadow:0 12px 25px #0000004d}.glass-btn{-webkit-backdrop-filter:blur(8px);background:#c5a059d9}.glass{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#ffffffd9;border:1px solid #ffffff80}.section-title{font-family:var(--font-accent);color:var(--primary);text-transform:none;margin-bottom:40px;padding:10px 0;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.4}@media (width<=768px){section{padding:60px 15px}.section-title{margin-bottom:25px}}.app-container{min-height:100vh;position:relative}.opening-overlay{z-index:1000;color:var(--white);text-align:center;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.opening-overlay h1{font-size:clamp(3rem,10vw,5.5rem);font-family:var(--font-accent);text-shadow:0 2px 10px #0000004d;margin:.5rem 0;padding:20px 0;line-height:1.2}.opening-overlay p{letter-spacing:3px;text-transform:uppercase;margin-bottom:2rem;font-size:clamp(.8rem,2vw,1rem);font-weight:300}.hero-section{text-align:center;background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.hero-content p{letter-spacing:clamp(3px,1vw,5px);margin-bottom:.5rem;font-weight:300}.hero-content h2{font-family:var(--font-accent);color:var(--primary);margin:.5rem 0;padding:15px 0;font-size:clamp(3.5rem,12vw,6.5rem);line-height:1.2}.hero-content .date{letter-spacing:clamp(3px,1vw,6px);border-top:1px solid var(--primary);border-bottom:1px solid var(--primary);margin-top:20px;padding:12px 25px;font-size:clamp(.9rem,2.5vw,1.2rem);font-weight:400;display:inline-block}.couple-section{text-align:center;overflow:hidden}.couple-container{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(20px,5vw,60px);margin-top:clamp(30px,8vw,60px);display:flex}.couple-card{flex:1;min-width:280px;max-width:400px;padding:clamp(15px,4vw,30px)}.couple-img-wrapper{width:clamp(180px,40vw,250px);height:clamp(240px,55vw,320px);margin:0 auto 25px;position:relative}.couple-img{object-fit:cover;border:1px solid var(--primary);width:100%;height:100%;box-shadow:none;background-color:#0000;border-radius:125px 125px 15px 15px;padding:6px}.couple-card h3{color:var(--primary);font-size:clamp(1.8rem,5vw,2.5rem);font-family:var(--font-accent);text-transform:none;margin-bottom:10px;padding:5px 0;line-height:1.3}.parent-names{color:var(--text-muted);font-size:clamp(.8rem,2vw,.95rem);line-height:1.5}.event-section{background-color:var(--bg-cream);text-align:center;overflow:hidden}.event-card{text-align:center;border-radius:25px;width:100%;max-width:500px;padding:clamp(30px,8vw,50px) 20px}.event-card h3{font-family:var(--font-accent);color:var(--primary);text-transform:none;margin-bottom:20px;padding:5px 0;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.3}.rsvp-section{background-color:var(--white);text-align:center;padding:clamp(60px,12vw,100px) 15px}.rsvp-form{text-align:left;border-radius:25px;max-width:700px;margin:0 auto;padding:clamp(25px,6vw,50px)}.form-group{margin-bottom:20px}.form-group label{color:var(--secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{width:100%;font-family:var(--font-body);transition:var(--transition);background:#f9f9f9;border:1px solid #eee;border-radius:10px;padding:12px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 3px #c5a0591a}.music-toggle{z-index:1001;background:var(--white);width:45px;height:45px;color:var(--primary);box-shadow:var(--shadow-lg);cursor:pointer;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:fixed;bottom:20px;left:20px}.music-toggle:hover{transform:rotate(360deg)scale(1.1)}.elegant-divider{background-color:var(--primary);width:50px;height:2px;margin:20px auto;position:relative}.elegant-divider:before,.elegant-divider:after{content:"";background-color:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.elegant-divider:before{left:-15px}.elegant-divider:after{right:-15px}.corner-tl,.corner-tr,.corner-bl,.corner-br{border:1.5px solid var(--primary-light);pointer-events:none;z-index:10;width:clamp(30px,10vw,60px);height:clamp(30px,10vw,60px);position:absolute}.corner-tl{border-bottom:none;border-right:none;top:25px;left:25px}.corner-tr{border-bottom:none;border-left:none;top:25px;right:25px}.corner-bl{border-top:none;border-right:none;bottom:25px;left:25px}.corner-br{border-top:none;border-left:none;bottom:25px;right:25px}.bottom-nav{display:none}@media (width<=768px){.opening-overlay h1,.hero-content h2{padding:10px 0}.couple-container{flex-direction:column;align-items:center;gap:30px}.countdown-container{flex-wrap:wrap;gap:15px!important}.countdown-item{min-width:calc(50% - 15px)!important}.couple-card h3{white-space:nowrap;font-size:1.4rem}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffff2;border-top:1px solid #eee;justify-content:space-around;padding:10px 0 15px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 15px #00000008}.nav-item{text-align:center;color:var(--text-dark);font-size:.7rem;font-family:var(--font-body);transition:var(--transition);text-decoration:none}.nav-item:active{color:var(--primary)}.music-toggle{bottom:80px}}