:root{--navy-dark: #16291c;--navy-light: #244532;--navy-bg: #18301f;--gold: #d4a76a;--cream: #F5F3F0;--text-dark: #16291c;--text-light: #8AA595;--bg-primary: #18301f;--bg-secondary: #21402c;--border-subtle: #385a44;--max-width: 600px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--navy-bg);color:#e8e6e2;line-height:1.5;-webkit-font-smoothing:antialiased}#root{width:100%;max-width:var(--max-width);margin:0 auto;padding:40px 16px;position:relative;overflow-x:hidden}:root{--motif-color: #d4a76a;--motif-size: 150px;--motif-line-width: 4px;--motif-gap: 10px}body:before,body:after,#root:before,#root:after{content:"";position:fixed;width:var(--motif-size);height:var(--motif-size);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150" width="150" height="150"><defs><style>.motif-line { stroke: %23d4a76a; stroke-width: 4; fill: none; stroke-linecap: square; }<\/style></defs><g class="motif-line"><line x1="10" y1="10" x2="140" y2="10"/><line x1="10" y1="20" x2="140" y2="20"/><line x1="10" y1="10" x2="10" y2="140"/><line x1="20" y1="10" x2="20" y2="140"/></g></svg>');background-size:var(--motif-size) var(--motif-size);background-position:0 0;background-repeat:no-repeat;z-index:999;pointer-events:none}body:before{top:0;left:0}body:after{top:0;right:0;transform:scaleX(-1)}#root:before{bottom:0;left:0;transform:scaleY(-1)}#root:after{bottom:0;right:0;transform:scale(-1)}h1{font-size:48px;font-weight:300;letter-spacing:.08em;color:var(--gold);margin-bottom:12px;font-family:Garamond,Georgia,serif}h2{font-size:24px;font-weight:400;letter-spacing:.03em;color:var(--gold);margin-top:40px;margin-bottom:20px;font-family:Garamond,Georgia,serif}h3{font-size:16px;font-weight:600;color:var(--gold);margin-bottom:4px}p{font-size:15px;color:var(--gold);margin-bottom:12px}.subtitle{color:var(--gold);font-size:15px;margin-bottom:24px}input[type=text],input[type=password],input[type=email],select,textarea{width:100%;padding:14px 16px;font-size:16px;background-color:#1d3625;border:2px solid var(--border-subtle);border-radius:2px;color:var(--gold);margin-bottom:12px;transition:all .2s ease}input[type=text]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=email]::-moz-placeholder,textarea::-moz-placeholder{color:var(--gold);opacity:.7}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:var(--gold);opacity:.7}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);background-color:#1d3625}select option{background-color:#1d3625;color:var(--gold)}input[type=checkbox],input[type=radio]{accent-color:var(--gold)}.btn-primary{width:100%;background-color:var(--navy-dark);color:var(--gold);padding:14px 32px;font-size:15px;font-weight:500;border:2px solid var(--navy-dark);border-radius:2px;cursor:pointer;transition:all .3s ease;margin-top:8px;letter-spacing:.05em}.btn-primary:hover{background-color:transparent;color:var(--navy-dark)}.btn-primary:disabled{opacity:.5}.btn-secondary{width:100%;background-color:transparent;color:var(--gold);border:2px solid transparent;padding:12px 32px;font-size:14px;font-weight:400;border-radius:2px;cursor:pointer;margin-bottom:12px;transition:all .3s ease;letter-spacing:.05em}.btn-secondary:hover{background-color:var(--navy-dark);color:var(--gold);border-color:var(--navy-dark)}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:2px;padding:16px;margin-bottom:16px}.gate-screen{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 0 16px;border-bottom:1px solid var(--border-subtle);margin-bottom:24px}.nav-links-desktop{display:flex;gap:16px;overflow-x:auto;white-space:nowrap;width:100%;padding-bottom:0;margin-bottom:48px;scrollbar-width:none;-ms-overflow-style:none}.nav-links-desktop::-webkit-scrollbar{display:none}.nav-item{color:var(--gold);font-size:14px;font-weight:400;cursor:pointer;text-decoration:none;padding:4px 0}.nav-item.active{color:var(--gold);font-weight:600;border-bottom:2px solid var(--gold)}.top-controls{display:flex;gap:12px}.control-btn{background:none;border:none;color:var(--gold);cursor:pointer;display:flex;align-items:center;padding:4px;transition:color .3s ease}.control-btn:hover{color:#e8b23f}.rsvp-guest-block{border-left:3px solid var(--gold);padding-left:12px;margin-bottom:24px}.timeline-row{display:flex;gap:16px;margin-bottom:20px}.timeline-time{font-weight:700;color:var(--gold);min-width:50px}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.photo-item img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:12px}@media(max-width:900px){body:before,body:after,#root:before,#root:after{display:none}}.hero-names{line-height:1.05}@media(max-width:600px){.hero-names span{display:block}}