@import"https://fonts.googleapis.com/css2?family=David+Libre:wght@400;500;700&family=Playfair+Display:wght@700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{direction:rtl;scroll-behavior:smooth}body{background:linear-gradient(135deg,#f0f8f5,#e8f5f0,#f5f0f8);font-family:David Libre,serif;color:#2c3e50;line-height:1.6;position:relative;overflow-x:hidden}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.star-decoration{position:fixed;pointer-events:none;animation:twinkle 3s ease-in-out infinite,float 6s ease-in-out infinite}.ornate-border{position:relative;border:none;border-radius:20px;padding:3rem 2rem;background:linear-gradient(to bottom,#fffffff2,#f0f8f5f2);box-shadow:0 30px 80px #64b4a026,inset 0 1px #fffc;animation:slideIn .8s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ornate-border:before,.ornate-border:after{content:"★";position:absolute;font-size:2rem;color:#64b4a0;opacity:.4;animation:twinkle 3s ease-in-out infinite}.ornate-border:before{top:-20px;right:30px}.ornate-border:after{bottom:-20px;left:30px;color:gold}.decorative-divider{height:2px;background:linear-gradient(to right,transparent,#64b4a0,transparent);margin:1.5rem 0;position:relative}.decorative-divider:before{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(to bottom,#fffffff2,#f0f8f5f2);padding:0 .5rem;color:#64b4a0;font-size:1rem}.invitation-title{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:800;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#64b4a0,#5a9f8f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.08em;text-shadow:0 2px 4px rgba(100,180,160,.1)}.invitation-subtitle{font-size:1.25rem;text-align:center;margin-bottom:2rem;color:#7a9b8f;font-weight:500;letter-spacing:.02em}.event-detail{text-align:center;padding:1.25rem 1rem;font-size:1.1rem;color:#2c3e50;line-height:1.8;background:linear-gradient(to right,transparent,#64b4a0 / .05,transparent);border-radius:12px;transition:all .3s ease;border:1px solid rgba(100,180,160,.1)}.event-detail:hover{background:linear-gradient(to right,transparent,#64b4a0 / .1,transparent);transform:translateY(-2px);box-shadow:0 8px 20px #64b4a01a}.event-detail-label{display:block;font-size:.95rem;font-weight:700;color:#64b4a0;margin-bottom:.5rem;letter-spacing:.05em;text-transform:uppercase}.event-detail-value{display:block;font-size:1.3rem;color:#2c3e50;font-weight:600}.rsvp-form{margin-top:2.5rem;padding-top:2.5rem;border-top:2px solid rgba(100,180,160,.2)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.95rem;font-weight:700;margin-bottom:.75rem;color:#7a9b8f;letter-spacing:.02em}.form-input{width:100%;padding:1rem 1.25rem;border-radius:12px;border:2px solid rgba(100,180,160,.3);background:#f0f8f580;color:#2c3e50;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.23,1,.32,1);box-shadow:0 2px 8px #64b4a00d}.form-input:focus{outline:none;border-color:#64b4a0;box-shadow:0 2px 8px #64b4a00d,0 0 0 3px #64b4a01a;background:#fffc}.form-input:hover:not(:focus){border-color:#7a9b8f}.form-input::placeholder{color:#7a9b8f80}.guest-list{margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(100,180,160,.2)}.guest-item{padding:1rem 1.25rem;margin-bottom:.75rem;border-radius:12px;width:100%;background:linear-gradient(to left,#64b4a014,#f0f8f580);border-right:4px solid #64b4a0;transition:all .3s ease;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.guest-item:hover{background:linear-gradient(to left,#64b4a01f,#f0f8f5b3);transform:translate(-4px);box-shadow:0 4px 12px #64b4a01a}.guest-name{font-weight:700;color:#2c3e50;font-size:1.05rem;margin-bottom:.25rem}.guest-count{font-size:.9rem;color:#7a9b8f;font-weight:500}button{font-family:David Libre,serif;font-weight:700;letter-spacing:.02em;transition:all .2s cubic-bezier(.23,1,.32,1);cursor:pointer;border:none}button:active{transform:scale(.98)}button:disabled{opacity:.6;cursor:not-allowed}.summary-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#fffffff2,#f0f8f5f2);border-radius:20px;border:1px solid rgba(100,180,160,.2);box-shadow:0 10px 30px #64b4a014;animation:slideIn .8s cubic-bezier(.23,1,.32,1) .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:800;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#64b4a0,#5a9f8f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.stat-card{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#64b4a014,#64b4a008);border-radius:12px;border:1px solid rgba(100,180,160,.2);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #64b4a01f;border-color:#64b4a066}.stat-number{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;color:#64b4a0;margin-bottom:.5rem}.stat-label{font-size:.95rem;color:#7a9b8f;font-weight:600;letter-spacing:.02em}@media (max-width: 768px){.ornate-border{padding:2rem 1.5rem}.invitation-title{font-size:2.5rem}.summary-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.event-detail{padding:1rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
