.invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-8);position:relative;overflow:hidden}.invite-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background:radial-gradient(circle at 20% 30%,var(--primary-400) 0%,transparent 50%),radial-gradient(circle at 80% 70%,#8b5cf6 0%,transparent 50%);pointer-events:none}.invite-wrapper{width:100%;max-width:600px;position:relative;z-index:1}.invitation-card{border-radius:var(--radius-3xl);overflow:hidden;box-shadow:var(--shadow-2xl);margin-bottom:var(--space-6);min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;position:relative}.invitation-emoji{font-size:5rem;margin-bottom:var(--space-4);animation:bounceIn .8s ease}.invitation-type-tag{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-4);opacity:.7}.invitation-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-6);line-height:var(--leading-tight)}.invitation-details{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.invitation-detail-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base)}.invitation-detail-icon{font-size:1.2rem;width:32px;text-align:center}.invitation-message{font-style:italic;max-width:400px;margin:0 auto;opacity:.8;font-size:var(--text-base);line-height:var(--leading-relaxed)}.invitation-border-top,.invitation-border-bottom{width:100%;height:4px;position:absolute;left:0}.invitation-border-top{top:0}.invitation-border-bottom{bottom:0}.countdown-section{margin-bottom:var(--space-6)}.countdown-grid{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:#fff;border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--neutral-100)}.countdown-grid.compact{padding:var(--space-3) var(--space-4)}.countdown-unit{text-align:center;min-width:50px}.countdown-value{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:800;color:var(--neutral-900);line-height:1}.countdown-grid.compact .countdown-value{font-size:var(--text-xl)}.countdown-label{font-size:var(--text-xs);color:var(--neutral-400);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-1)}.countdown-sep{font-size:var(--text-2xl);font-weight:700;color:var(--neutral-300);margin:0 var(--space-1)}.countdown-passed{text-align:center;font-size:var(--text-lg);font-weight:600;color:var(--primary-500);padding:var(--space-4);background:var(--primary-50);border-radius:var(--radius-xl)}.rsvp-count-section{margin-bottom:var(--space-4)}.rsvp-count-badge{text-align:center;padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--success-100),#ecfdf5);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-full);font-size:var(--text-sm);color:#065f46}.event-info-bar{margin-bottom:var(--space-6)}.event-info-items{background:#fff;border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-100)}.event-info-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.rsvp-form{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--neutral-100)}.rsvp-form h3{font-family:var(--font-body);text-align:center;margin-bottom:var(--space-6)}.rsvp-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.rsvp-option{padding:var(--space-4);border-radius:var(--radius-xl);border:2px solid var(--neutral-200);text-align:center;cursor:pointer;transition:all var(--transition-base)}.rsvp-option:hover{border-color:var(--neutral-300);background:var(--neutral-50)}.rsvp-option.selected-yes{border-color:var(--success-500);background:var(--success-100)}.rsvp-option.selected-maybe{border-color:var(--warning-500);background:var(--warning-100)}.rsvp-option.selected-no{border-color:var(--error-500);background:var(--error-100)}.rsvp-option-emoji{font-size:1.8rem;margin-bottom:var(--space-2);display:block}.rsvp-option-label{font-weight:600;font-size:var(--text-sm)}.rsvp-extras{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.toggle-row{display:flex;align-items:center;justify-content:space-between}.toggle-switch{width:48px;height:26px;background:var(--neutral-300);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background var(--transition-fast)}.toggle-switch.active{background:var(--primary-500)}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle-switch.active:after{transform:translate(22px)}.rsvp-success{text-align:center;padding:var(--space-10);display:none}.rsvp-success.active{display:block}.rsvp-success-icon{font-size:4rem;margin-bottom:var(--space-4);animation:bounceIn .5s ease}.rsvp-success h3{font-family:var(--font-body);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.rsvp-success p{color:var(--neutral-500)}.share-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--space-3)}.share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.share-whatsapp{background:#dcf8c6;color:#25d366}.share-whatsapp:hover{background:#c5f0a5}.share-sms{background:#dbeafe;color:#2563eb}.share-sms:hover{background:#bfdbfe}.share-email{background:#fce7f3;color:#db2777}.share-email:hover{background:#fbcfe8}.share-link-box{display:flex;gap:var(--space-2)}.share-link-box input{flex:1;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-sm);background:var(--neutral-50);color:var(--neutral-700);outline:none}.success-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);text-align:center}.success-icon{font-size:4rem;margin-bottom:var(--space-4);animation:bounceIn .5s ease}.success-card h2{font-family:var(--font-body);margin-bottom:var(--space-2)}.link-section{text-align:left;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--neutral-100)}.link-section h3{font-family:var(--font-body);font-size:var(--text-lg);margin-bottom:var(--space-2)}.link-desc{font-size:var(--text-sm);color:var(--neutral-500);margin-bottom:var(--space-3)}.qr-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--neutral-100);text-align:center}.qr-section h3{font-family:var(--font-body);font-size:var(--text-lg);margin-bottom:var(--space-2)}.qr-code-img{width:180px;height:180px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:block;margin:var(--space-4) auto}.skip-note{background:var(--info-100);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:#1e40af;margin-top:var(--space-4)}.ad-slot{text-align:center;min-height:50px}.ad-slot-top{padding:var(--space-2)}.ad-slot-mid,.ad-slot-bottom{padding:var(--space-4);max-width:var(--max-w-xl);margin:0 auto}.ad-slot-inline{padding:var(--space-2)}.ad-slot-sidebar{min-height:200px}.invite-footer{text-align:center;margin-top:var(--space-8)}.invite-footer a{font-size:var(--text-sm);color:var(--neutral-400);display:inline-flex;align-items:center;gap:var(--space-2)}.invite-footer a:hover{color:var(--primary-500)}@media (max-width: 480px){.invite-page{padding:var(--space-4)}.invitation-card{padding:var(--space-8)}.invitation-title{font-size:var(--text-2xl)}.rsvp-options{grid-template-columns:1fr}.rsvp-form{padding:var(--space-5)}.countdown-value{font-size:var(--text-2xl)}.countdown-unit{min-width:40px}.success-card{padding:var(--space-5)}}.rsvp-headcount{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}.rsvp-headcount .form-input{text-align:center;font-weight:600;font-size:var(--text-lg);padding:var(--space-2) var(--space-3)}.event-details-info{margin-bottom:var(--space-4)}.event-detail-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.event-detail-pill{background:var(--neutral-100);border:1px solid var(--neutral-200);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);color:var(--neutral-700);white-space:nowrap}.deadline-warning{margin-bottom:var(--space-4);text-align:center}.deadline-badge{display:inline-block;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;background:var(--neutral-100);color:var(--neutral-600);border:1px solid var(--neutral-200)}.deadline-soon{background:#fef3c7;color:#92400e;border-color:#fcd34d;animation:pulse 2s ease-in-out infinite}.deadline-closed{background:#fef2f2;color:#991b1b;border-color:#fca5a5}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.maps-card{margin-top:var(--space-4)}.maps-card-inner{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.maps-card-preview iframe{display:block}.maps-card-info{padding:var(--space-4);text-align:center}.maps-card-venue{font-weight:700;font-size:var(--text-lg);color:var(--neutral-800);margin-bottom:var(--space-1)}.maps-card-address{font-size:var(--text-sm);color:var(--neutral-500)}.attending-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--neutral-200)}.attending-card h4{font-family:var(--font-body);font-size:var(--text-lg);color:var(--neutral-800);margin-bottom:var(--space-3)}.attending-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.attending-tag{background:var(--primary-50);border:1px solid var(--primary-200);color:var(--primary-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500}.attending-maybe{background:#fef3c7;border-color:#fcd34d;color:#92400e}.attending-summary{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--neutral-500)}
