.app{min-height:100vh;width:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--primary-navy);background-image:url(/assets/background@3x.png);background-size:cover;background-position:center;background-repeat:repeat;overflow-x:hidden}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-navy) 0%,var(--primary-navy-dark) 50%,var(--primary-navy) 100%);opacity:.85;z-index:0;pointer-events:none}.content-container{position:relative;z-index:1;max-width:600px;width:100%;background:transparent;padding:var(--spacing-xl) var(--spacing-lg);opacity:0;transform:translateY(30px);transition:var(--transition-elegant)}.content-container.loaded{opacity:1;transform:translateY(0)}.logo-section{display:flex;justify-content:center;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.logo-wrapper{position:relative;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(212,175,55,.3));transition:var(--transition-smooth)}.logo-wrapper:hover{filter:drop-shadow(0 15px 30px rgba(212,175,55,.5));transform:scale(1.05)}.logo{max-width:200px;width:100%;height:auto;display:block;position:relative}.logo-wrapper:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,transparent,rgba(212,175,55,.3),transparent);border-radius:50%;opacity:0;transition:var(--transition-smooth);z-index:-1}.logo-wrapper:hover:before{opacity:1;animation:shimmer 2s ease-in-out infinite}.tagline{text-align:center;margin-bottom:var(--spacing-xl);opacity:0;transform:translateY(20px);transition:var(--transition-elegant)}.tagline.fade-in{opacity:1;transform:translateY(0);transition-delay:.2s}.tagline h1{font-family:var(--font-handwritten);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;color:var(--accent-gold);margin-bottom:0;letter-spacing:2px;line-height:1.2;text-shadow:0 2px 15px rgba(212,175,55,.4),0 4px 25px rgba(0,0,0,.5),0 0 30px rgba(212,175,55,.2);background:linear-gradient(135deg,var(--accent-gold) 0%,#F4D03F 50%,var(--accent-gold-alt) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;transform:rotate(-1deg);animation:gentleSway 4s ease-in-out infinite}.tagline h1:before{content:"Your Event on a Golden Plate";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#d4af374d,#f4d03f4d,#c9a9614d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(2px);z-index:-1;transform:translate(2px,2px)}@keyframes gentleSway{0%,to{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(1deg) translateY(-3px)}}.social-links{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.social-link{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--accent-gold);border-radius:16px;text-decoration:none;color:var(--secondary-cream);font-family:var(--font-sans);font-weight:500;font-size:1rem;letter-spacing:.5px;transition:var(--transition-elegant);overflow:hidden;min-height:60px;box-shadow:0 4px 15px #0000004d,0 0 10px #d4af3733;cursor:pointer}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.2),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.social-link:hover{transform:translateY(-4px) scale(1.03);border-color:var(--accent-gold-alt);box-shadow:0 8px 25px #00000080,0 0 20px #d4af3780,inset 0 1px #fff3;background:#ffffff26}.social-link:active{transform:translateY(-2px) scale(1.01)}.link-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--accent-gold);transition:var(--transition-smooth);flex-shrink:0}.link-icon svg{width:100%;height:100%;fill:currentColor}.social-link:hover .link-icon{transform:rotate(8deg) scale(1.1);color:var(--accent-gold-alt);filter:drop-shadow(0 2px 8px rgba(212,175,55,.5))}.link-text{flex:1;font-size:1rem;font-weight:500;color:var(--secondary-cream);transition:var(--transition-smooth)}.social-link:hover .link-text{color:var(--accent-gold);font-weight:600}.link-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.4),transparent);transition:left .6s ease;pointer-events:none}.social-link:hover .link-shimmer{left:100%;transition:left .6s ease}.footer{text-align:center;padding-top:var(--spacing-lg);opacity:0;transform:translateY(20px);transition:var(--transition-elegant)}.footer.fade-in{opacity:1;transform:translateY(0);transition-delay:.6s}.footer-divider{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);margin:0 auto var(--spacing-md);border-radius:2px}.footer p{font-family:var(--font-sans);font-size:.875rem;color:var(--secondary-cream);font-weight:400;letter-spacing:.5px;opacity:.8;text-shadow:0 1px 5px rgba(0,0,0,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes goldGlow{0%,to{box-shadow:0 4px 15px #0000001a,0 0 10px #d4af371a}50%{box-shadow:0 8px 25px #0003,0 0 20px #d4af3766}}@media (max-width: 768px){.content-container{padding:var(--spacing-lg) var(--spacing-md)}.logo{max-width:220px}.tagline h1{font-size:2.5rem;transform:rotate(-.5deg)}.social-link{padding:var(--spacing-sm) var(--spacing-md);min-height:56px}.link-icon{width:28px;height:28px}}@media (max-width: 480px){.app{padding:var(--spacing-sm)}.content-container{padding:var(--spacing-md) var(--spacing-sm)}.logo{max-width:200px}.tagline h1{font-size:2rem;transform:rotate(-.5deg)}.social-link{padding:var(--spacing-sm);gap:var(--spacing-sm);font-size:.9rem}.link-icon{width:24px;height:24px}.social-links{gap:var(--spacing-sm)}}@media (hover: none) and (pointer: coarse){.social-link:active{transform:translateY(-2px) scale(1.02)}.social-link:hover{transform:none}.social-link:active .link-icon{transform:rotate(5deg) scale(1.05)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.logo-wrapper{animation:none}}:root{--primary-navy: #1a1f3a;--primary-navy-dark: #0d1421;--accent-gold: #D4AF37;--accent-gold-alt: #C9A961;--secondary-cream: #F5F5DC;--secondary-cream-alt: #FAF9F6;--font-serif: "Playfair Display", serif;--font-sans: "Montserrat", sans-serif;--font-handwritten: "Great Vibes", "Dancing Script", cursive;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-elegant: all .4s cubic-bezier(.25, .46, .45, .94)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--primary-navy);color:var(--secondary-cream);line-height:1.6;overflow-x:hidden;min-height:100vh;position:relative}#root{min-height:100vh;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--primary-navy-dark)}::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-alt)}