.navigation{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem}.nav-content{display:flex;align-items:center;max-width:1200px;margin:0 auto}.nav-home{font-weight:700;font-size:.875rem;letter-spacing:.15em;color:var(--color-white);transition:opacity .2s ease}.nav-home:hover{opacity:.7}.nav-spacer{flex:1}.nav-link{font-weight:700;font-size:1rem;color:var(--color-white);padding:.5rem 1rem;border:3px solid var(--color-white);transition:all .2s ease}.nav-link:hover{background-color:var(--color-white);color:var(--color-red)}@media (min-width: 768px){.navigation{padding:2rem 3rem}.nav-link{font-size:.875rem;padding:.625rem 1.5rem}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column}.home{min-height:100vh;display:flex;padding:3rem 2rem;position:relative;overflow:hidden}.content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:1;max-width:100%}.save-the-date{font-size:1.25rem;font-weight:700;color:var(--color-white)}.date{font-size:7rem;font-weight:700;line-height:1.3;text-align:center;color:var(--color-white)}.location{font-size:1.25rem;font-weight:700;text-align:center;color:var(--color-white)}.date-display{position:absolute;right:-5%;top:50%;transform:translateY(-50%)}.date-text{font-size:28vw;font-weight:700;color:var(--color-cream);writing-mode:vertical-rl;text-orientation:mixed;line-height:.85;letter-spacing:-.02em;margin-right:2rem}@media (min-width: 768px){.home{padding:4rem 3rem}.save-the-date{font-size:1.5rem}.tagline{font-size:2rem}.location{font-size:1.5rem}.date-text{font-size:25vw}}@media (min-width: 1024px){.home{padding:4rem}.save-the-date{font-size:1.75rem}.tagline{font-size:2.25rem}.location{font-size:1.75rem}.date-text{font-size:22vw}.date-display{right:0}}.early-decline{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 1.5rem 2rem}.card{width:100%;max-width:440px}.title{font-size:1.75rem;font-weight:700;letter-spacing:.02em;margin-bottom:1rem;text-align:center;color:var(--color-white)}.subtitle{font-size:.875rem;font-weight:400;color:#fffc;text-align:center;line-height:1.6;margin-bottom:2.5rem}.form{display:flex;flex-direction:column;gap:1.5rem}.field{display:flex;flex-direction:column;gap:.5rem}.label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-white)}.optional{font-weight:400;text-transform:none;letter-spacing:0;color:#fff9}.input,.textarea{background:transparent;border:2px solid var(--color-white);color:var(--color-white);padding:1rem;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;min-height:48px}.input::placeholder,.textarea::placeholder{color:#ffffff80}.input:focus,.textarea:focus{outline:none;border-color:var(--color-cream);box-shadow:0 0 0 1px var(--color-cream)}.input:disabled,.textarea:disabled{opacity:.6;cursor:not-allowed}.textarea{resize:vertical;min-height:100px}.error-message{color:var(--color-cream);font-size:.875rem;text-align:center;font-weight:600}.submit-button{background:var(--color-white);border:2px solid var(--color-white);color:var(--color-red);padding:1rem 2rem;font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all .2s ease;min-height:52px;margin-top:.5rem}.submit-button:hover:not(:disabled){background:transparent;color:var(--color-white)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:3rem 1rem}.success-text{font-size:1.5rem;font-weight:700;letter-spacing:.02em;margin-bottom:1rem;color:var(--color-white)}.success-heart{font-size:1rem;color:var(--color-cream)}@media (min-width: 768px){.early-decline{padding:2rem}.title{font-size:2.25rem}.subtitle{font-size:1rem}}:root{--color-black: #000000;--color-white: #ffffff;--color-cream: #fff5f0;--color-red: #ff2e2e;--color-red-dark: #e02828;--font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-family);background-color:var(--color-red);color:var(--color-white);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}
