:root{--bg: #0d0d14;--bg-card: #16161f;--bg-card-hover: #1a1a24;--text: #ececf0;--text-muted: #a8a8b8;--accent: #ff00aa;--accent-soft: #ff66cc;--accent-glow: rgba(255, 0, 170, .5);--border: rgba(255, 255, 255, .08);--radius: 16px;--radius-sm: 12px;--safe-bottom: env(safe-area-inset-bottom, 0);--nav-height: 56px;--touch-min: 48px;font-family:Outfit,system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 24px)}.main{max-width:520px;margin:0 auto}.hero{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 20px 32px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;min-width:100%;min-height:100%;object-fit:cover;object-position:center;filter:blur(28px);transform:scale(1.08);z-index:0;display:block}.hero-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0a0a0fb3,#0a0a0fe0,#0a0a0ff5),linear-gradient(90deg,rgba(10,10,15,.35) 0%,transparent 30%,transparent 70%,rgba(10,10,15,.35) 100%);pointer-events:none}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-spotlight{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:160%;height:90%;background:radial-gradient(ellipse,var(--accent-glow) 0%,transparent 65%);opacity:.45}.hero-shapes{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.hero-shape{position:absolute;border-radius:50%;background:var(--accent);filter:blur(70px);opacity:.28}.hero-shape-1{width:320px;height:320px;top:5%;left:-15%;opacity:.3}.hero-shape-2{width:240px;height:240px;bottom:15%;right:-5%;opacity:.25}.hero-shape-3{width:200px;height:200px;top:45%;left:50%;transform:translate(-50%,-50%);opacity:.22}.hero-content{position:relative;z-index:1;text-align:center;width:100%}.hero-kick-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(ellipse 80% 60% at 50% 40%,var(--accent-glow) 0%,transparent 60%);pointer-events:none}.hero-greeting{margin:0 0 8px;font-size:1rem;font-weight:500;color:var(--accent-soft)}.hero-headline{margin:0 0 12px;font-size:clamp(2rem,8vw,3rem);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,var(--accent-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-headline-kick{position:relative;z-index:1;text-shadow:0 0 40px rgba(255,0,170,.35)}.hero-headline-glow{position:absolute;top:32%;left:50%;width:100%;max-width:340px;height:100px;transform:translate(-50%,-50%);background:radial-gradient(ellipse 80% 50%,var(--accent-glow) 0%,transparent 70%);filter:blur(28px);pointer-events:none;z-index:0}.hero-quote{font-size:1.35rem;font-weight:500;font-style:italic;color:var(--accent-soft);max-width:340px;margin:0 auto 16px}.hero-intro{font-size:.9rem;line-height:1.55;color:var(--text-muted);max-width:360px;margin:0 auto 24px}.hero-intro strong{color:var(--text);font-weight:600}.hero-countdown-wrap{margin-bottom:28px}.hero-cta .btn{min-height:var(--touch-min);padding:14px 32px;font-size:1.05rem;font-weight:600}.btn-kick{box-shadow:0 0 28px var(--accent-glow)}.btn-kick:hover{box-shadow:0 0 40px var(--accent-glow),0 0 60px #f0a3}.countdown{display:inline-flex;flex-direction:column;align-items:center;gap:8px}.countdown-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.countdown-grid{display:flex;gap:12px}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:52px;padding:10px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm)}.countdown-value{font-size:1.5rem;font-weight:700;color:var(--accent-soft)}.countdown-unit{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.countdown-done{font-size:1.1rem;color:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,#cc0088 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#ff1ab0,#dd0090);box-shadow:0 0 24px var(--accent-glow)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--accent-soft);color:var(--accent-soft)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text)}.choice-btn{flex:1;min-width:0;background:var(--bg-card);color:var(--text);border:2px solid var(--border)}.choice-btn-active{border-color:var(--accent);color:var(--accent-soft);box-shadow:0 0 20px var(--accent-glow)}.section{padding:40px 20px 32px}.container{width:100%;max-width:480px;margin:0 auto}.section-title{margin:0 0 20px;font-size:1.5rem;font-weight:600;text-align:center}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.details-section .details-cards,.highlights-section .highlights-grid{display:flex;flex-direction:column;gap:12px}.detail-card-header{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.detail-card time,.detail-card strong{font-size:1.05rem}.venue-name{margin:4px 0 0}.venue-address{font-style:normal;color:var(--text-muted);font-size:.9rem;margin:4px 0 12px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.detail-actions .btn{flex:1;min-width:120px}.highlights-grid{display:grid;gap:14px}.highlight-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:20px 20px 20px 18px;margin:0;transition:border-color .2s,background .2s;text-align:center}.highlight-card:hover{border-left-color:var(--accent-soft);background:var(--bg-card-hover)}.highlight-icon{font-size:1.5rem;display:block;margin-bottom:8px;line-height:1}.highlight-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-soft);margin-bottom:6px}.highlight-title{margin:0 0 6px;font-size:1.05rem;font-weight:600;color:var(--text)}.highlight-text{margin:0;font-size:.9rem;line-height:1.5;color:var(--text-muted)}.playlist-card{text-align:center}.playlist-icon{display:block;font-size:2rem;margin-bottom:12px;line-height:1}.playlist-text{margin:0 0 20px;color:var(--text-muted);font-size:.95rem;line-height:1.5}.playlist-card .btn{width:100%}.accommodation-card{text-align:center}.accommodation-icon{display:block;font-size:2rem;margin-bottom:12px;line-height:1}.accommodation-text{margin:0 0 16px;color:var(--text-muted);font-size:.95rem}.accommodation-card .btn{width:100%}.rsvp-deadline{text-align:center;color:var(--text-muted);font-size:.9rem;margin:-8px 0 16px}.rsvp-card{padding:24px}.rsvp-step{margin-bottom:24px}.label{display:block;margin-bottom:22px;font-size:.9rem;font-weight:500}.input{display:block;width:100%;min-height:var(--touch-min);margin-top:12px;padding:12px 14px;font-family:inherit;font-size:1rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .2s}.input:focus{outline:none;border-color:var(--accent)}.input::placeholder{color:var(--text-muted);opacity:.8}.textarea{min-height:80px;resize:vertical}.textarea-large{min-height:140px}.field-error{display:block;margin-top:4px;font-size:.85rem;color:#ff6b6b}.rsvp-choice-label{margin:22px 0 12px;font-size:.9rem;font-weight:500}.rsvp-choice-buttons{display:flex;gap:10px}.rsvp-choice-buttons .choice-btn{flex:1}.stepper{display:flex;align-items:center;gap:12px;margin-top:12px}.stepper-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent}.stepper-value{min-width:2ch;font-size:1.1rem;font-weight:600;text-align:center}.checkbox-label{display:flex;align-items:center;gap:10px;margin-top:22px;cursor:pointer;font-size:.9rem;color:var(--text-muted)}.checkbox-label input{width:20px;height:20px;accent-color:var(--accent)}.rsvp-nav{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.rsvp-nav-spacer{flex:1}.rsvp-success .section-title{margin-bottom:12px}.rsvp-success-fallback{font-size:.85rem;color:#ffb366;margin:0 0 12px;padding:10px;background:#ffb3661a;border-radius:var(--radius-sm)}.rsvp-success-text{margin:0 0 16px;color:var(--text-muted)}.rsvp-summary{background:var(--bg);border-radius:var(--radius-sm);padding:14px;margin-bottom:20px;font-size:.9rem;color:var(--text-muted)}.rsvp-summary p{margin:4px 0}.rsvp-summary strong{color:var(--text)}.rsvp-success-actions{display:flex;flex-direction:column;gap:10px}.rsvp-success-actions .btn{width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:8px 16px calc(8px + var(--safe-bottom));background:#0a0a0feb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.bottom-nav-inner{max-width:520px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;height:var(--nav-height)}.bottom-nav-link{display:flex;align-items:center;justify-content:center;min-width:80px;min-height:var(--touch-min);padding:0 16px;font-size:.95rem;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm);transition:color .2s,background .2s;-webkit-tap-highlight-color:transparent}.bottom-nav-link:hover,.bottom-nav-link:focus-visible{color:var(--accent-soft);background:#ff00aa14}.bottom-nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}