@import "https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@400;500;600&family=Playfair+Display:wght@400;500;600&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px;overflow-x:hidden}.app{width:100%;min-height:100vh;font-family:Montserrat,sans-serif;overflow-x:hidden}.cover{z-index:100;background:#bcdcf5;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.cover-image{object-fit:contain;object-position:center;width:auto;max-width:100vw;height:100%;max-height:100vh;display:block}.cover-overlay{background:linear-gradient(#05193705,#0519372e);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cover-content{text-align:center;color:#fff;text-shadow:0 2px 14px #00000059;width:90%;padding-top:48vh;position:relative}.cover-small{margin:0 0 4px;font-family:Playfair Display,serif;font-size:17px}.cover-name{margin:0;font-family:Great Vibes,cursive;font-size:clamp(68px,10vw,110px);font-weight:400;line-height:1}.open-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#fff3;border:1px solid #fffc;border-radius:50px;margin-top:22px;padding:12px 34px;font-family:Montserrat,sans-serif;font-size:15px}.video-screen{z-index:9999;background:#000;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.opening-video{object-fit:contain;object-position:center;border:0;width:auto;max-width:100vw;height:100%;max-height:100vh;display:block}.video-fade-out .opening-video{animation:3s forwards videoFinish}@keyframes videoFinish{0%{filter:brightness()}to{filter:brightness(.28)}}.confetti-layer{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.confetti-text{text-align:center;color:#fff;z-index:20;text-shadow:0 3px 15px #0006;width:90%;max-width:500px;animation:1s forwards magicText;position:relative}.little-magic{margin-bottom:5px;font-family:Playfair Display,serif;font-size:17px;display:block}.confetti-text h2{margin:0;font-family:Great Vibes,cursive;font-size:clamp(75px,15vw,120px);font-weight:400;line-height:1}.confetti-text p{margin:-4px 0 6px;font-family:Playfair Display,serif;font-size:25px}.transition-star{font-size:28px;animation:1.5s infinite alternate starPulse}@keyframes magicText{0%{opacity:0;transform:translateY(25px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes starPulse{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1.2)}}.invitation{color:#173a68;background-image:url(/background.jpg);background-position:top;background-repeat:repeat-y;background-size:100%;width:100%;min-height:100vh;animation:1.1s invitationReveal;overflow-x:hidden}@keyframes invitationReveal{0%{opacity:0}to{opacity:1}}.hero{justify-content:center;width:100%;padding:42px 14px 36px;display:flex}.card{text-align:center;-webkit-backdrop-filter:blur(5px);background:#ffffffc7;border-radius:30px;width:calc(100% - 24px);max-width:620px;margin:0 auto;padding:40px 30px;box-shadow:0 14px 38px #1e46781c}.small-title{letter-spacing:1px;margin:0;font-family:Playfair Display,serif;font-size:16px}.main-name{color:#396ea8;margin:8px 0 -5px;font-family:Great Vibes,cursive;font-size:clamp(70px,10vw,105px);font-weight:400;line-height:1}.hero-card h2{color:#214f83;margin:0;font-family:Playfair Display,serif;font-size:24px;font-weight:500}.birthday-date{letter-spacing:2px;color:#3b6fa8;margin:16px 0 5px;font-size:17px;font-weight:600}.decorative-star{color:#78a9d7;margin:8px 0 0;font-size:23px}.message-section{justify-content:center;width:100%;padding:0 14px 40px;display:flex}.message-card{text-align:center;-webkit-backdrop-filter:blur(5px);background:#ffffffc7;border-radius:30px;width:calc(100% - 24px);max-width:620px;margin:0 auto;padding:40px 30px;box-shadow:0 14px 38px #1e46781c}.description{color:#284f7a;max-width:520px;margin:0 auto 20px;font-family:Playfair Display,serif;font-size:17px;line-height:1.75}.invite-text{color:#194e86;max-width:500px;margin:25px auto 0;font-size:16px;font-weight:600;line-height:1.8}.details{grid-template-columns:repeat(2,1fr);gap:28px;width:calc(100% - 24px);max-width:920px;margin:0 auto;padding:0 0 42px;display:grid}.detail-card{text-align:center;-webkit-backdrop-filter:blur(5px);background:#fffc;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:230px;padding:35px 24px;display:flex;box-shadow:0 14px 35px #1e46781c}.detail-icon{margin-bottom:9px;font-size:30px}.detail-label{letter-spacing:1.8px;text-transform:uppercase;color:#628bb6;margin:0 0 9px;font-size:12px;font-weight:600}.detail-card h3{color:#214e83;margin:0 0 7px;font-family:Playfair Display,serif;font-size:27px}.detail-card p{color:#486c91;margin:5px 0 16px}.location-button{color:#fff;background:#527eaf;border-radius:50px;margin-top:5px;padding:11px 19px;font-size:12px;font-weight:500;text-decoration:none;display:inline-block}.transparent-image-section{justify-content:center;align-items:center;width:100%;padding:10px 10px 36px;display:flex}.transparent-image{object-fit:contain;width:auto;max-width:450px;height:auto;max-height:540px;box-shadow:none;background:0 0;border:none;margin:0 auto;display:block}.slika-two,.slika-three{max-width:450px}.countdown-section{text-align:center;-webkit-backdrop-filter:blur(3px);background:#ffffffe0;width:100%;margin:0 auto 46px;padding:68px 20px 74px}.countdown-small{letter-spacing:5px;color:#9a9da2;margin:0 0 16px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500}.countdown-title{color:#aa765f;margin:0 0 50px;font-family:Great Vibes,cursive;font-size:clamp(52px,7vw,82px);font-weight:400;line-height:1}.countdown{grid-template-columns:repeat(4,1fr);gap:18px;width:calc(100% - 20px);max-width:920px;margin:0 auto;display:grid}.countdown-box{background:#fffffff7;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:145px;padding:22px 10px;display:flex;box-shadow:0 12px 28px #505a6e17}.countdown-box strong{color:#9a6f5c;font-family:Playfair Display,serif;font-size:clamp(32px,4vw,47px);font-weight:400;display:block}.countdown-box span{letter-spacing:.6px;color:#a4a4a4;margin-top:12px;font-size:9px;font-weight:500;display:block}.emotion-section{justify-content:center;width:100%;padding:14px 14px 40px;display:flex}.emotion-card{text-align:center;-webkit-backdrop-filter:blur(5px);background:#ffffffc7;border-radius:30px;width:calc(100% - 24px);max-width:620px;margin:0 auto;padding:40px 30px;box-shadow:0 14px 38px #1e46781c}.emotion-card p{color:#284f7a;max-width:520px;margin:0 auto 16px;font-family:Playfair Display,serif;font-size:17px;line-height:1.75}.emotion-card p:last-child{margin-bottom:0}.third-image-section{margin-top:-105px;padding:0 10px 28px}.ending-section{justify-content:center;width:100%;padding:0 14px 40px;display:flex}.ending-card{text-align:center;-webkit-backdrop-filter:blur(5px);background:#ffffffc7;border-radius:30px;width:calc(100% - 24px);max-width:620px;margin:0 auto;padding:40px 30px;box-shadow:0 14px 38px #1e46781c}.with-love{color:#4d79a8;margin:22px 0 0;font-family:Great Vibes,cursive;font-size:44px}.ending-card h2{color:#234f82;margin:4px 0 8px;font-family:Playfair Display,serif;font-size:23px;font-weight:500}.ending-heart{color:#6c9ed0;margin-top:10px;font-size:32px}footer{text-align:center;padding:4px 15px 24px}footer a{color:#416e9d;letter-spacing:1px;font-size:13px;font-weight:600;text-decoration:none}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .85s,transform .85s cubic-bezier(.22,1,.36,1);transform:translateY(70px)scale(.97)}.reveal.show{opacity:1;transform:translateY(0)scale(1)}.reveal-up{transform:translateY(70px)scale(.97)}@media (width<=600px){.invitation{background-image:url(/background.jpg);background-position:top;background-repeat:repeat-y;background-size:100%}.cover{width:100vw;height:100dvh}.cover-image{object-fit:cover;object-position:center center;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.cover-content{padding-top:47vh}.video-screen{width:100vw;height:100dvh}.opening-video{object-fit:cover;object-position:center center;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.hero{padding:32px 0 34px}.card{width:calc(100% - 24px);max-width:none;padding:36px 22px}.message-section{padding:0 0 36px}.message-card{width:calc(100% - 24px);max-width:none;padding:36px 22px}.description{margin-bottom:20px;font-size:16px;line-height:1.72}.invite-text{margin-top:24px;font-size:15px;line-height:1.75}.details{grid-template-columns:1fr;gap:30px;width:calc(100% - 24px);padding:0 0 40px}.detail-card{border-radius:30px;min-height:215px;padding:35px 22px}.transparent-image-section{padding:8px 0 32px}.transparent-image{object-fit:contain;width:100%;max-width:none;height:auto;max-height:none}.countdown-section{margin-bottom:46px;padding:56px 8px 64px}.countdown-small{letter-spacing:4px;margin-bottom:14px;font-size:10px}.countdown-title{margin-bottom:42px;font-size:clamp(48px,14vw,64px)}.countdown{gap:9px;width:calc(100% - 14px)}.countdown-box{border-radius:20px;min-height:108px;padding:15px 3px}.countdown-box strong{font-size:clamp(27px,8vw,35px)}.countdown-box span{letter-spacing:0;margin-top:9px;font-size:7px}.emotion-section{padding:10px 0 42px}.emotion-card{width:calc(100% - 24px);max-width:none;padding:36px 22px}.emotion-card p{font-size:16px;line-height:1.72}.third-image-section{margin-top:-105px;padding:0 0 24px}.ending-section{padding:0 0 36px}.ending-card{width:calc(100% - 24px);max-width:none;padding:36px 22px}.reveal{transform:translateY(60px)scale(.97)}.reveal.show{transform:translateY(0)scale(1)}}@media (width<=380px){.main-name{font-size:75px}.countdown-title{font-size:44px}.countdown{gap:6px}.countdown-box{min-height:100px}.countdown-box strong{font-size:27px}.countdown-box span{font-size:6px}}