.App{width:100%;min-height:100vh}section{min-height:100vh;padding:80px 180px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;justify-content:center}@media (max-width: 1200px){section{padding:80px 160px}}@media (max-width: 968px){section{padding:80px 120px}}@media (max-width: 768px){section{padding:60px 40px}}@media (max-width: 480px){section{padding:40px 20px}}.site-footer{text-align:center;padding:60px 40px;border-top:1px solid rgba(0,74,173,.2);background-color:#f5f1e8}.footer-names{font-family:Great Vibes,cursive;font-size:2.5rem;color:#004aad;margin-bottom:8px}.footer-date{font-family:Public Sans,sans-serif;font-size:.95rem;color:#004aad;font-weight:400;letter-spacing:.5px;margin-bottom:12px}.footer-note{font-family:Public Sans,sans-serif;font-size:.85rem;color:#004aad99;font-weight:400;font-style:italic;margin:0;line-height:1.4}.side-navigation{position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:1000}.side-navigation ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.side-navigation li{position:relative}.side-navigation button{background:none;border:none;cursor:pointer;padding:8px 12px;display:flex;align-items:center;gap:12px;transition:all .3s ease;position:relative;width:100%}.nav-dot{width:8px;height:8px;border-radius:50%;border:2px solid #004aad;background-color:transparent;transition:all .3s ease;flex-shrink:0}.side-navigation button:hover .nav-dot{background-color:#004aad}.side-navigation button.active .nav-dot{background-color:#004aad;transform:scale(1.4)}.nav-icon{display:none;font-size:1.2rem;color:#004aad;transition:all .3s ease}.nav-icon svg{color:#004aad;display:block}.nav-label{font-family:Public Sans,sans-serif;font-size:1rem;color:#004aad;font-weight:400;transition:all .3s ease;white-space:nowrap;text-align:left;min-width:85px}.side-navigation button.active .nav-label{font-weight:700;transform:scale(1.08);transform-origin:left center}@media (max-width: 968px){.side-navigation{right:20px}.side-navigation button{padding:6px 8px}.nav-dot{width:6px;height:6px}.nav-label{font-size:.85rem;min-width:75px}.side-navigation button.active .nav-label{font-weight:700;transform:scale(1.08)}.side-navigation ul{gap:12px}}@media (max-width: 768px){.side-navigation{right:15px}.side-navigation button{padding:5px}.nav-dot{display:none}.nav-icon{display:block;font-size:1.2rem}.side-navigation button:active .nav-icon{transform:scale(.9)}.side-navigation button.active .nav-icon{transform:scale(1.35);filter:brightness(1.1)}.nav-label{display:none}.side-navigation ul{gap:15px}}@media (max-width: 600px){.side-navigation{right:12px;top:50%}.side-navigation button{padding:5px}.nav-dot{display:none}.nav-icon{display:block;font-size:1.15rem}.side-navigation button:active .nav-icon{transform:scale(.9)}.side-navigation button.active .nav-icon{transform:scale(1.3);filter:brightness(1.1)}.nav-label{display:none}.side-navigation ul{gap:16px}}@media (max-width: 480px){.side-navigation{right:6px}.side-navigation button{padding:3px}.nav-dot{display:none}.nav-icon{display:block;font-size:1rem}.side-navigation button:active .nav-icon{transform:scale(.9)}.side-navigation button.active .nav-icon{transform:scale(1.3);filter:brightness(1.1)}.nav-label{display:none}.side-navigation ul{gap:10px}}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.invitation-card{width:100%;max-width:1140px;padding:20px}.card-border{width:100%;border:3px solid #004aad;padding:25px 80px;background-color:#f5f1e8;display:flex;align-items:center;justify-content:center}.card-content{width:100%;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:60px;align-items:center}.title-script{font-family:Public Sans,sans-serif;font-size:2.2rem;color:#004aad;font-weight:300;margin:0;text-align:left;line-height:1.3;letter-spacing:-.5px}.illustration{width:100%;height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden}.invitation-drawing{width:100%;height:100%;object-fit:cover}.hero-left{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.hero-photo{width:100%;border-radius:12px;mix-blend-mode:multiply;display:block}.wedding-details{text-align:right}.date{font-family:Public Sans,sans-serif;font-size:1.3rem;color:#004aad;margin-bottom:15px;font-weight:300;white-space:nowrap}.names{font-family:Public Sans,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:1px;color:#004aad;margin-bottom:5px}.location{font-family:Public Sans,sans-serif;font-size:1rem;font-weight:400;letter-spacing:1.3px;color:#004aad;margin-top:12px}@media (max-width: 968px){.card-content{grid-template-columns:1fr;gap:40px;text-align:center}.title-script{text-align:center}.hero-left{align-items:center}.hero-photo{max-width:220px}.wedding-details{text-align:center}.illustration{width:100%;max-width:400px;height:280px;margin:0 auto}}@media (max-width: 768px){.card-border{padding:60px 40px}.title-script{font-size:2rem}.date{font-size:1.6rem}.names{font-size:1.5rem}.location{font-size:.95rem}.illustration{width:100%;max-width:350px;height:250px}.invitation-drawing{transform:scale(1.3)}}@media (max-width: 480px){.card-border{padding:40px 25px}.title-script{font-size:1.7rem}.date{font-size:1.4rem}.names{font-size:1.3rem}.location{font-size:.85rem}.invitation-drawing{transform:scale(1.4)}}.info-section{text-align:center}.info-content{max-width:950px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.info-photo{width:100%;border-radius:16px;mix-blend-mode:multiply;display:block;margin-top:calc(3.25rem + 40px)}.info-text-side{text-align:left}.section-title{font-family:Public Sans,sans-serif;font-size:2.5rem;color:#004aad;margin-bottom:40px;font-weight:300;letter-spacing:-.5px}.info-text p{font-family:Public Sans,sans-serif;font-size:1.1rem;line-height:1.8;color:#004aad;margin-bottom:20px;font-weight:400}@media (max-width: 768px){.info-content{grid-template-columns:1fr;gap:40px}.info-text-side{text-align:center}.section-title{font-size:2rem}.info-text p{font-size:1rem}}@media (max-width: 480px){.info-content{gap:30px}}.informace-section{text-align:center}.informace-content .info-text p{text-align:left}.informace-content{max-width:750px;margin:0 auto;padding:0 40px}.informace-content h3{font-family:Public Sans,sans-serif;font-size:1.5rem;color:#004aad;margin-top:40px;margin-bottom:20px;font-weight:400}.informace-content h3:first-of-type{margin-top:0}@media (max-width: 768px){.informace-content{padding:0 30px}.informace-content h3{font-size:1.3rem}}@media (max-width: 480px){.informace-content{padding:0 20px}}.location-section{display:flex;flex-direction:column;align-items:center;background-color:#f5f1e8}.map-link{display:inline-block;font-family:Public Sans,sans-serif;font-size:1rem;color:#004aad;text-decoration:none;font-weight:600;margin-bottom:30px;border-bottom:1px solid #004aad;padding-bottom:2px;transition:opacity .2s ease}.map-link:hover{opacity:.6}.location-photo{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}.countdown{display:flex;justify-content:center;gap:24px;margin-top:60px}.countdown-unit{display:flex;flex-direction:column;align-items:center;gap:4px}.countdown-number{font-family:Public Sans,sans-serif;font-size:2rem;font-weight:300;color:#004aad;line-height:1;min-width:2ch;text-align:center}.countdown-label{font-family:Public Sans,sans-serif;font-size:.75rem;color:#004aad;opacity:.6;text-transform:uppercase;letter-spacing:.5px}.location-section .section-title{font-family:Public Sans,sans-serif;font-size:2.5rem;color:#004aad;text-align:center;margin-bottom:60px;font-weight:300;letter-spacing:-.5px}.location-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:950px;width:100%;padding:0 40px}.location-info h3{font-family:Public Sans,sans-serif;font-size:1.8rem;color:#004aad;margin-bottom:15px;font-weight:400}.address{font-family:Public Sans,sans-serif;font-size:1.1rem;color:#004aad;line-height:1.8;margin-bottom:40px;font-weight:400}.location-details{display:flex;flex-direction:column;gap:30px}.detail-item h4{font-family:Public Sans,sans-serif;font-size:1.3rem;color:#004aad;margin-bottom:8px;font-weight:600}.detail-item p{font-family:Public Sans,sans-serif;font-size:1rem;color:#004aad;line-height:1.6;font-weight:400}.location-map{width:100%}.location-map iframe{display:block}@media (max-width: 968px){.location-content{grid-template-columns:1fr;gap:40px;padding:0 30px}.location-map{height:300px}}@media (max-width: 768px){.location-section .section-title{font-size:2rem}.location-info h3{font-size:1.6rem}.address{font-size:1rem}.detail-item h4{font-size:1.2rem}.detail-item p{font-size:.95rem}}@media (max-width: 480px){.location-content{padding:0 20px}}.schedule-section{background-color:#f5f1e8}.schedule-section .section-title{font-family:Public Sans,sans-serif;font-size:2.5rem;color:#004aad;text-align:center;margin-bottom:60px;font-weight:300;letter-spacing:-.5px}.schedule-timeline{max-width:800px;margin:0 auto}.schedule-item{display:grid;grid-template-columns:100px 60px 1fr;gap:20px;margin-bottom:40px;position:relative}.schedule-time{font-family:Public Sans,sans-serif;font-size:1.3rem;font-weight:600;color:#004aad;text-align:right;padding-top:5px}.schedule-divider{display:flex;flex-direction:column;align-items:center;position:relative}.schedule-dot{width:16px;height:16px;border-radius:50%;background-color:#004aad;border:3px solid #f5f1e8;box-shadow:0 0 0 2px #004aad;position:relative;z-index:2;flex-shrink:0}.schedule-line{width:2px;flex:1;background-color:#004aad;margin-top:8px;min-height:60px}.schedule-details{padding-top:0}.schedule-details h3{font-family:Public Sans,sans-serif;font-size:1.4rem;color:#004aad;margin-bottom:8px;font-weight:600}.schedule-details p{font-family:Public Sans,sans-serif;font-size:1rem;color:#004aad;line-height:1.6;font-weight:400}@media (max-width: 768px){.schedule-section .section-title{font-size:2rem}.schedule-item{grid-template-columns:80px 40px 1fr;gap:15px;margin-bottom:35px}.schedule-time{font-size:1.2rem}.schedule-details h3{font-size:1.3rem}.schedule-details p{font-size:.95rem}}@media (max-width: 480px){.schedule-item{grid-template-columns:60px 30px 1fr;gap:10px}.schedule-time{font-size:1.1rem}.schedule-dot{width:12px;height:12px}.schedule-details h3{font-size:1.2rem}.schedule-details p{font-size:.9rem}}.spani-section{text-align:center}.spani-content{max-width:900px;margin:0 auto;padding:0 40px}.accommodation-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px}.accommodation-item{background:#ffffff80;border:1px solid rgba(0,74,173,.2);border-radius:12px;padding:30px 20px;transition:all .3s ease}.accommodation-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #004aad26;border-color:#004aad66}.accommodation-icon{font-size:2.5rem;color:#004aad;margin-bottom:20px}.accommodation-item h3{font-family:Public Sans,sans-serif;font-size:1.4rem;color:#004aad;margin-bottom:10px;font-weight:500}.accommodation-info{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.95rem;color:#004aad;margin-bottom:15px;font-weight:500}.location-icon{font-size:1.1rem}.accommodation-item p{font-family:Public Sans,sans-serif;font-size:1rem;line-height:1.6;color:#004aad;margin-bottom:15px}.contact-link{display:inline-block;color:#004aad;text-decoration:none;font-weight:500;padding:8px 20px;border:2px solid #004aad;border-radius:25px;transition:all .3s ease;font-size:.95rem}.contact-link:hover{background-color:#004aad;color:#fff;transform:scale(1.05)}@media (max-width: 768px){.spani-content{padding:0 30px}.accommodation-list{grid-template-columns:1fr;gap:25px}.accommodation-item h3{font-size:1.2rem}}@media (max-width: 480px){.spani-content{padding:0 20px}.accommodation-item{padding:25px 15px}}.dresscode-section{text-align:center}.dresscode-content{max-width:900px;margin:0 auto;padding:0 40px}.dresscode-intro{font-size:1.2rem;margin-bottom:50px;font-weight:400}.dresscode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:50px}.dresscode-card{background:#ffffff80;border:1px solid rgba(0,74,173,.2);border-radius:12px;padding:40px 30px;transition:all .3s ease}.dresscode-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #004aad26;border-color:#004aad66}.dresscode-icon{font-size:4rem;color:#004aad;margin-bottom:25px}.dresscode-card h3{font-family:Public Sans,sans-serif;font-size:1.6rem;color:#004aad;margin-bottom:25px;font-weight:500}.dresscode-card ul{list-style:none;padding:0;text-align:left;max-width:300px;margin:0 auto}.dresscode-card li{font-family:Public Sans,sans-serif;font-size:1.05rem;line-height:1.8;color:#004aad;padding:8px 0 8px 25px;position:relative}.dresscode-card li:before{content:"✓";position:absolute;left:0;color:#004aad;font-weight:700}.dresscode-note{background:#004aad14;border-left:4px solid #004aad;border-radius:8px;padding:25px 30px;margin-top:40px}.dresscode-note p{font-family:Public Sans,sans-serif;font-size:1rem;line-height:1.7;color:#004aad;margin:0;text-align:left}.dresscode-note strong{font-weight:600}@media (max-width: 768px){.dresscode-content{padding:0 30px}.dresscode-cards{grid-template-columns:1fr;gap:30px}.dresscode-card{padding:30px 20px}.dresscode-intro{font-size:1.1rem}.dresscode-icon{font-size:3rem}.dresscode-card h3{font-size:1.4rem}.dresscode-note{padding:20px}}@media (max-width: 480px){.dresscode-content{padding:0 20px}.dresscode-card{padding:25px 15px}.dresscode-card li{font-size:.95rem}}.music-section{background-color:#f5f1e8}.music-section .section-title{font-family:Public Sans,sans-serif;font-size:2.5rem;color:#004aad;text-align:center;margin-bottom:40px;font-weight:300;letter-spacing:-.5px}.music-content{max-width:700px;margin:0 auto;padding:0 40px;text-align:center}.music-intro{font-family:Public Sans,sans-serif;font-size:1.1rem;line-height:1.8;color:#004aad;margin-bottom:30px;font-weight:400}.spotify-button{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background-color:#004aad;color:#fff;text-decoration:none;border-radius:50px;font-family:Public Sans,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #004aad40}.spotify-button:hover{background-color:#003a99;transform:translateY(-2px);box-shadow:0 6px 16px #004aad59}.spotify-icon{width:24px;height:24px}.music-note{font-family:Public Sans,sans-serif;font-size:.95rem;color:#004aad;margin-top:30px;line-height:1.6;font-weight:400}@media (max-width: 768px){.music-section .section-title{font-size:2rem}.music-content{padding:0 30px}.music-intro{font-size:1rem}.spotify-button{font-size:1rem;padding:14px 28px}.music-note{font-size:.9rem}}@media (max-width: 480px){.music-content{padding:0 20px}.spotify-button{font-size:.95rem;padding:12px 24px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f5f1e8;color:#004aad;overflow-x:hidden}#root{min-height:100vh}