@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600&display=swap";html,body,#root{height:100%;margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;background-color:#fdfbf7}.app{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(-45deg,#f4a300,#c0392b,#8b1a2c,#007f7f);background-size:400% 400%;animation:gradientBG 15s ease infinite;padding:20px}.bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at center,transparent 0%,transparent 40%,rgba(255,255,255,.1) 40%,rgba(255,255,255,.1) 41%,transparent 42%),radial-gradient(circle at center,transparent 0%,transparent 60%,rgba(255,255,255,.05) 60%,rgba(255,255,255,.05) 61%,transparent 62%);background-size:100px 100px;pointer-events:none}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card{background:#fffdf7;width:100%;max-width:650px;border-radius:24px;box-shadow:0 25px 50px -12px #0006;position:relative;text-align:center;overflow:hidden;animation:slideUp 1.2s cubic-bezier(.22,1,.36,1);border:1px solid rgba(139,26,44,.1);padding-bottom:10px}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.border-deco{height:10px;width:100%;background:repeating-linear-gradient(90deg,#8b1a2c,#8b1a2c 10px,#f4a300 10px,#f4a300 20px,#007f7f 20px,#007f7f 30px)}.tagline-wrapper{margin-top:-16px;margin-bottom:30px;display:flex;justify-content:center}.tagline{background-color:#8b1a2c;color:#fff;padding:6px 20px;border-radius:50px;font-size:1rem;font-weight:500;letter-spacing:.5px;box-shadow:0 4px 6px #0003}.content{padding:0 30px 30px}.names{font-family:Playfair Display,serif;font-size:3.5rem;color:#333;margin:0 0 10px;line-height:1.1;color:#8b1a2c;text-shadow:2px 2px 0px rgba(244,163,0,.2)}.amp{font-family:Playfair Display,serif;font-style:italic;font-size:2.5rem;color:#f4a300;vertical-align:middle}.subheading{font-family:Inter,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:3px;color:#007f7f;margin:0;font-weight:600}.divider{margin:25px auto;position:relative;height:1px;width:60%;background:linear-gradient(90deg,transparent,#f4a300,transparent)}.diamond{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#fffdf7;color:#f4a300;font-size:14px;padding:0 8px}.details{margin-bottom:35px}.date{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#333;margin:0 0 5px}.venue{font-family:Inter,sans-serif;font-size:1.1rem;color:#555;margin:0}.countdown-section{margin-bottom:10px}.countdown-grid{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.time-box{background:#fff;width:80px;height:85px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 8px 20px #f4a30026;border:2px solid #f4a300;transition:transform .3s ease,border-color .3s ease;animation:pulseGlow 3s infinite}.time-box:hover{transform:translateY(-5px);border-color:#8b1a2c}.time-number{font-family:Playfair Display,serif;font-size:2rem;font-weight:700;color:#8b1a2c;line-height:1}.time-label{font-size:.75rem;text-transform:uppercase;color:#007f7f;margin-top:4px;font-weight:600}@keyframes pulseGlow{0%{box-shadow:0 0 #f4a30066}70%{box-shadow:0 0 0 8px #f4a30000}to{box-shadow:0 0 #f4a30000}}.arrived-message{font-family:Playfair Display,serif;font-size:1.8rem;color:#8b1a2c}@media(max-width:600px){.names{font-size:2.5rem}.amp{font-size:2rem}.countdown-grid{gap:10px}.time-box{width:70px;height:75px}.time-number{font-size:1.6rem}}