*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--pink: #e61a5f;--pink-dark: #c4144f;--pink-light: rgba(230, 26, 95, .15);--navy: #1a1145;--navy-light: #2a1d60;--navy-lighter: #3a2d70;--text: #e8e0f0;--text-muted: #9b8fbf;--white: #ffffff;--radius: 6px;--max-width: 480px}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:Fjalla One,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--navy);position:relative;line-height:1.6;min-height:100dvh}body:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:60vmin;height:60vmin;background-image:url(/varkel-v-bg.png);background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.07;pointer-events:none;z-index:0}#root{min-height:100dvh;display:flex;flex-direction:column;position:relative;z-index:1}.page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem}.page-content{width:100%;max-width:var(--max-width);text-align:center}.logo{width:120px;height:auto;margin-bottom:1.5rem;opacity:.9}.title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:.25rem}.title span{color:var(--pink)}.subtitle{font-size:1rem;color:var(--text-muted);margin-bottom:2.5rem;font-weight:400}.form{text-align:left;display:flex;flex-direction:column;gap:1.25rem}.field{display:flex;flex-direction:column;gap:.375rem}.field-label{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.field-input{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:1.5px solid var(--navy-lighter);border-radius:var(--radius);background:var(--navy-light);color:var(--text);transition:border-color .15s}.field-input:focus{outline:none;border-color:var(--pink)}.field-input::placeholder{color:var(--text-muted)}.toggle-group{display:flex;gap:0;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--navy-lighter)}.toggle-option{flex:1;padding:.75rem;text-align:center;font-size:.9375rem;font-weight:500;cursor:pointer;background:var(--navy-light);color:var(--text-muted);border:none;transition:all .15s;font-family:inherit}.toggle-option:not(:last-child){border-right:1.5px solid var(--navy-lighter)}.toggle-option:hover{background:var(--navy-lighter)}.toggle-option.active{background:var(--pink);color:var(--white)}.toggle-option.active-no{background:var(--navy-lighter);color:var(--text)}.btn{width:100%;padding:.875rem;font-size:1rem;font-weight:600;font-family:inherit;color:var(--white);background:var(--pink);border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s;margin-top:.5rem}.btn:hover{background:var(--pink-dark)}.btn:disabled{opacity:.6;cursor:not-allowed}.checkmark{width:64px;height:64px;border-radius:50%;background:var(--pink);color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem}.message{font-size:1.125rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.link{color:var(--pink);text-decoration:none;font-weight:500;font-size:.875rem}.link:hover{text-decoration:underline}.event-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;padding:1.25rem;background:var(--navy-light);border:1px solid var(--navy-lighter);border-radius:var(--radius);text-align:center}.event-info-row{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9375rem;color:var(--pink)}.event-info-icon{font-size:1.125rem;width:1.5rem;text-align:center;flex-shrink:0}.loading{color:var(--text-muted);font-size:1.125rem;padding:4rem 0}.invitation-content{max-width:600px}.invitation-greeting{font-size:2rem;font-weight:700;color:var(--pink);margin-bottom:1rem;line-height:1.2}.invitation-subtitle{font-size:1.25rem;color:var(--pink);margin-bottom:1.5rem;font-weight:400}.invitation-headline{font-size:2.9rem;font-weight:700;color:var(--pink);margin-bottom:2rem;line-height:1.1;letter-spacing:.02em}.invitation-details{margin-bottom:2rem;color:var(--pink)}.invitation-date{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.invitation-venue{font-size:1.5rem;font-weight:700}.invitation-dresscode{font-size:1rem;font-weight:400;margin-top:.5rem;color:var(--text-muted)}.invitation-notes{color:var(--text-muted);font-size:.95rem;margin-bottom:2rem;line-height:1.7}.invitation-notes p{margin-bottom:.75rem}.invitation-rsvp-info{text-align:center;color:var(--pink);font-size:.9rem;font-weight:700;margin-bottom:2rem}.invitation-rsvp-info p{margin-bottom:.25rem}.invitation-rsvp-links{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.invitation-action-btn{display:block;text-decoration:none;font-weight:700;padding:.55rem 1rem;background:var(--pink);color:var(--white);border-radius:var(--radius);text-align:center;font-size:.75rem;transition:background .15s;font-family:inherit}.invitation-action-btn:hover{background:var(--pink-dark)}.thank-you-signature{font-size:1.75rem;font-weight:700;color:var(--pink);margin-bottom:1.5rem}.invitation-hashtag{font-size:1.5rem;font-weight:700;color:var(--pink);text-align:right;margin-top:1.5rem}