.navbar{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#333;z-index:1000;background:#ffffffd9;justify-content:space-between;align-items:center;width:100%;padding:15px 40px;display:flex;position:fixed;top:0;left:0}.nav-logo{color:#333;font-size:1.3rem;font-weight:600}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:var(--text);font-weight:500;text-decoration:none}.nav-links a.active{color:var(--blue);border-bottom:2px solid var(--blue)}.nav-links a:hover{color:var(--blue)}.logo{color:#add8e6;align-items:center;gap:8px;font-family:Playfair Display,serif;display:flex}.logo-icon{width:22px;height:22px}.logo-link{text-decoration:none}.logo-link:hover{opacity:.85}:root{--blue:#889bae;--offwhite:#e3dbd9;--mauve:#a89d9d;--sand:#b3a791;--green:#9aab8e;--text:#3f3f3f}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}body{color:var(--text);background-color:var(--offwhite);margin:0;font-family:Georgia,serif}.page{text-align:center;padding-top:80px}.hero{height:90vh;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center 65%;width:100%;height:100%}.hero-text{color:#fff;background:#889baebf;border-radius:16px;width:fit-content;padding:16px 40px;position:absolute;top:5%;left:50%;transform:translate(-50%)}.hero-text h1{white-space:nowrap}.hero-text h1,.date{color:#fff}.hero-overlay{color:#fff;text-align:center;background:#889bae99;border-radius:20px;padding:30px 60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.date{margin-top:8px;font-size:1.2rem}.section{max-width:900px;margin:80px auto;padding:0 24px}.section h2{margin-bottom:16px;font-size:2rem}.details{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.details div{background:#b3a79140;border-radius:16px;width:250px;padding:30px}.rsvp-button{background-color:var(--green);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:20px;padding:14px 36px;font-size:1rem;transition:background .3s}.rsvp-button:hover{background-color:var(--blue)}.rsvp-form{flex-direction:column;gap:20px;max-width:500px;margin:40px auto;display:flex}.rsvp-form label{text-align:left;flex-direction:column;font-weight:500;display:flex}.rsvp-form input,.rsvp-form select,.rsvp-form textarea{border:1px solid var(--mauve);border-radius:8px;margin-top:6px;padding:10px 12px;font-family:inherit}.rsvp-form input:focus,.rsvp-form select:focus,.rsvp-form textarea:focus{border-color:var(--blue);outline:none}