@font-face{font-family:ChalkboardSE;src:url(/assets/ChalkboardSE-Regular-02_0-CE50cWH9.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ChalkboardSE;src:url(/assets/ChalkboardSE-Light-01_0-CBP2JHDr.ttf)format("truetype");font-weight:300;font-style:normal}@font-face{font-family:ChalkboardSE;src:url(/assets/ChalkboardSE-Bold-03_0-DkL4FUXU.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Margarine;src:url(/assets/Margarine-Regular-Dfp2QZXL.ttf)format("truetype");font-weight:400;font-style:normal}:root{--color-primary:#1860c6;--color-primary-light:#71a9da;--color-primary-soft:#c6deff;--color-primary-dark:#33425f;--color-dark:#101010;--color-accent:#e83226;--color-white:#fff;--color-background:#fdfbf0;--shadow-primary:#1860c64d;--shadow-primary-hover:#1860c666;--font-size-xs:clamp(11px, 2vw, 12px);--font-size-sm:clamp(13px, 2.5vw, 14px);--font-size-md:clamp(15px, 3vw, 16px);--font-size-lg:clamp(18px, 3.5vw, 20px);--font-size-xl:clamp(22px, 4.5vw, 24px);--font-size-2xl:clamp(28px, 6vw, 32px);--font-size-3xl:clamp(34px, 7vw, 40px);--font-size-4xl:clamp(40px, 8.5vw, 48px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);font-family:ChalkboardSE,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{width:100%}@media (width>=768px){#root{justify-content:center;align-items:center;display:flex}}.u-font-chalkboard{font-family:ChalkboardSE,cursive}.u-font-margarine{font-family:Margarine,cursive}.container{width:100%;box-shadow:none;z-index:5;scroll-behavior:smooth;flex:1;position:relative}.container .container__inner{overflow:hidden auto}.container .container__inner::-webkit-scrollbar{width:4px}.container .container__inner::-webkit-scrollbar-track{background:0 0}.container .container__inner::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:4px}@media (width>=768px){.container{max-width:480px;height:100dvh;margin:0 auto;box-shadow:0 10px 30px #0000001a}.container .container__inner{height:100%;overflow-y:auto}}.landing__content{flex-direction:column;align-items:center;gap:20px;padding:32px 16px;display:flex}.landing__hero{margin-bottom:16px}.landing__hero-image{width:100%;max-width:100%;height:auto}.landing__text{text-align:center;margin-bottom:40px}.landing__title{font-family:ChalkboardSE,cursive;font-weight:400;font-size:var(--font-size-lg);color:var(--color-accent);margin-bottom:8px;padding:8px 20px;line-height:120%}.landing__names{font-family:Margarine,cursive;font-weight:400;font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:8px;line-height:120%}.landing__date{font-family:ChalkboardSE,cursive;font-weight:400;font-size:var(--font-size-md);color:#101010ba;line-height:120%}.landing__card{border-radius:20px;width:100%;padding:35px 45px;position:relative}@media (width>=768px){.landing__card{padding:35px 65px}}.landing__card-frame{z-index:10;pointer-events:none;position:absolute;left:0;right:0}.landing__card-frame--top{top:0}.landing__card-frame--bottom{bottom:0}.landing__card-frame-img{width:100%;height:auto;display:block}.landing__card-content{z-index:5;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}@media (width>=768px){.landing__card-content{gap:20px}}.landing__card-text{text-align:center}.landing__card-dear{color:var(--color-primary-light);font-family:ChalkboardSE,cursive;font-weight:700;font-size:var(--font-size-sm);margin-bottom:12px;line-height:120%}.landing__card-guest{color:var(--color-dark);font-family:Margarine,cursive;font-weight:400;font-size:var(--font-size-xl);line-height:120%}.invitation-content__rsvp-comment-wrapper{background:var(--color-primary)}.event-details{flex-direction:column;gap:20px;width:100%;margin-bottom:40px;display:flex}@media (width>=768px){.event-details .event-card{padding:24px}.event-details .event-card h3{font-size:20px}.event-details .event-card p{font-size:16px}}.header{background-color:var(--color-primary);flex-direction:column;align-items:center;width:100%;padding:32px 8px 16px;display:flex}.header__hero{width:100%;max-width:338px;height:auto;margin-bottom:-140px;display:block}@media (width>=768px){.header__hero{max-width:380px;margin-bottom:-160px}}.header__card{width:100%;position:relative}.header__card-bg{object-fit:fill;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.header__card-content{z-index:2;text-align:center;flex-direction:column;justify-content:space-between;width:100%;min-height:496px;padding-top:90px;padding-bottom:80px;display:flex;position:relative}@media (width>=768px){.header__card-content{min-height:596px;padding-top:120px}}.header__ornament{pointer-events:none;z-index:1;width:40px;max-width:40px;margin-bottom:8px}.header__wedding-of{font-family:ChalkboardSE,cursive;font-size:var(--font-size-lg);color:var(--color-accent);margin-bottom:10px}.header__bride,.header__groom{font-family:Margarine,cursive;font-weight:400;font-size:var(--font-size-3xl);letter-spacing:0%;text-align:center;color:var(--color-primary);margin:0;line-height:120%}.header__and{font-family:Margarine,cursive;font-weight:400;font-size:var(--font-size-xl);letter-spacing:0%;text-align:center;color:var(--color-primary);margin:10px 0;line-height:120%}.header__date{justify-content:center;align-items:center;gap:16px;padding-bottom:40px;display:flex}.header__date span{font-family:ChalkboardSE,cursive;font-size:var(--font-size-xl);color:var(--color-primary)}.header__date-divider{color:var(--color-primary-soft);font-size:var(--font-size-xl)}.quote{background-color:var(--color-background);flex-direction:column;align-items:center;width:100%;padding:64px 12px 50px;display:flex}.quote__decoration-top{pointer-events:none;width:64px;height:auto;margin-bottom:50px}.quote__content{flex-direction:column;align-items:center;gap:24px;display:flex}@media (width>=768px){.quote__content{padding:0 24px}}.quote__text{font-family:ChalkboardSE,cursive;font-weight:400;font-size:var(--font-size-xl);letter-spacing:0%;text-align:center;color:var(--color-primary-dark);line-height:120%}.quote__source{font-family:Margarine,cursive;font-weight:400;font-size:var(--font-size-md);letter-spacing:0%;text-align:center;color:var(--color-primary);margin-top:72px;line-height:120%}.quote__decoration-bottom{pointer-events:none;width:100%;max-width:351.23px;height:auto;margin-top:88px}.couple{background-color:var(--color-primary);width:100%;padding:32px 16px}.couple__container{background:var(--color-background);border:1px solid var(--color-primary-dark);border-radius:32px;flex-direction:column;align-items:center;width:100%;padding:16px 16px 24px;display:flex}.couple__decoration-top{pointer-events:none;width:100%;height:auto}.couple__title{font-family:Margarine,cursive;font-weight:400;font-size:var(--font-size-2xl);letter-spacing:0%;text-align:center;color:var(--color-dark);margin-top:-8px;margin-bottom:40px;line-height:120%}.couple__person{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.couple__person-avatar{pointer-events:none;width:160px;height:auto}.couple__person-name{font-family:Margarine,cursive;font-weight:400;font-size:var(--font-size-2xl);letter-spacing:0%;text-align:center;color:var(--color-primary);line-height:120%}.couple__person-parents{font-family:ChalkboardSE,cursive;font-weight:400;font-size:var(--font-size-md);letter-spacing:0%;text-align:center;color:var(--color-primary-light);line-height:120%}.couple__person-instagram{font-family:ChalkboardSE,cursive;font-weight:700;font-size:var(--font-size-md);letter-spacing:0%;text-align:center;color:var(--color-dark);line-height:120%;text-decoration:none}.couple__person-instagram:hover{color:var(--color-primary);text-decoration:underline}.couple__divider{pointer-events:none;width:100%;height:auto;margin:40px 0}.couple__decoration{pointer-events:none;width:96px;height:auto;margin-top:32px}.event-countdown{background-color:var(--color-background);width:100%;padding:80px 6px 68px}@media (width>=768px){.event-countdown{padding:80px 8px 68px}}.event-countdown__decoration-top{justify-content:center;align-items:center;width:100%;margin-bottom:48px;display:flex}.event-countdown__cat{pointer-events:none;width:100%;height:auto}.event-countdown__title{text-align:center;color:#101010;margin-bottom:16px;font-family:Margarine,cursive;font-size:32px;font-style:normal;font-weight:400;line-height:120%}.event-countdown__card{border-radius:16px;justify-content:center;align-items:center;width:100%;height:129px;margin-bottom:32px;display:flex;position:relative}.event-countdown__card__decoration{pointer-events:none;z-index:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;bottom:0;left:0}.event-countdown__card__decoration img{object-fit:contain;object-position:center;width:100%;height:100%}.event-countdown__timer{z-index:1;justify-content:center;gap:16px;display:flex;position:relative}.event-countdown__box{flex-direction:column;align-items:center;gap:4px;display:flex}.event-countdown__number{text-align:center;color:#e83226;font-family:Margarine,cursive;font-size:24px;font-style:normal;font-weight:400;line-height:100%}.event-countdown__label{text-align:center;color:#101010;font-family:ChalkboardSE,cursive;font-size:14px;font-style:normal;font-weight:400;line-height:120%}.event-countdown__button{max-width:253px;margin:0 auto}.event-date{justify-content:center;align-items:center;margin-bottom:48px;display:flex}.event-date__secondary{width:72px;height:auto}.event-date__primary{width:180px;height:auto}.dress-code{background:linear-gradient(#1860c6 0% 85%,#1860c600 100%);border-radius:32px 32px 0 0;flex-direction:column;align-items:center;width:100%;padding:40px 16px 200px;display:flex}.dress-code__decoration-top{width:64px;height:auto;margin-bottom:24px}.dress-code__title{font-family:var(--font-margarine);letter-spacing:0%;text-align:center;color:#fff;margin-bottom:32px;font-size:32px;font-style:normal;font-weight:400;line-height:120%}.dress-code__content{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.dress-code__section{background:var(--color-background);border:3.37px solid #69a7ff;border-radius:12px;min-width:0;padding:14px 14px 24px;box-shadow:0 2px 8px #0000000d}.dress-code__icon-container{flex-wrap:wrap-reverse;justify-content:space-between;align-items:center;gap:8px;margin-bottom:56px;display:flex}.dress-code__gender{font-family:var(--font-chalkboard);letter-spacing:0%;margin:0;font-size:20px;font-style:normal;font-weight:400;line-height:120%}.dress-code__glass-icon{width:60px;height:auto}.dress-code__info-container{flex-direction:column;gap:16px;width:100%;display:flex}.dress-code__info{background:#ffffff80;border-radius:8px;grid-template-columns:8px 1fr;align-items:center;gap:8px;display:grid}.dress-code__point-icon{width:8px;height:auto}.dress-code__description{font-family:var(--font-chalkboard);letter-spacing:0%;color:#101010cc;font-size:14px;font-style:normal;font-weight:400;line-height:120%}.dress-code__note{font-family:var(--font-chalkboard);letter-spacing:0%;color:#ffffffb3;text-align:center;margin-top:18px;font-size:14px;font-style:normal;font-weight:400;line-height:120%}@media (width>=768px){.dress-code__content{gap:16px}}.event-time{flex-direction:column;align-items:center;margin-bottom:48px;display:flex}.event-time__divider{width:100%;height:auto;margin:24px 0}.event-time__item{text-align:center;flex-direction:column;align-items:center;margin-bottom:0;display:flex}.event-time__item__time-container{align-items:center;gap:8px;display:flex}.event-time__clock{width:16px;height:auto}.event-time__title{font-family:Margarine,cursive;font-style:normal;font-weight:400;font-size:var(--font-size-xl);text-align:center;color:var(--color-primary);margin-bottom:16px;line-height:120%}.event-time__time{font-family:ChalkboardSE,cursive;font-style:normal;font-weight:400;font-size:var(--font-size-md);text-align:center;color:var(--color-primary);margin:0;line-height:120%}.event-location{flex-direction:column;align-items:center;margin-bottom:60px;display:flex}.event-location__container{flex-direction:column;align-items:center;max-width:321px;margin:0 auto 32px;display:flex}.event-location__icon{width:72px;height:auto;margin-bottom:16px}.event-location__content{text-align:center;flex-direction:column;align-items:center;display:flex}.event-location__venue{text-align:center;color:var(--color-primary);margin-bottom:16px;font-family:Margarine,cursive;font-size:32px;font-style:normal;font-weight:400;line-height:120%}.event-location__address{text-align:center;color:var(--color-dark);margin-bottom:32px;font-family:ChalkboardSE,cursive;font-size:14px;font-style:normal;font-weight:400;line-height:120%}.event-location__button{width:100%;max-width:253px;margin:0 auto}.event-location__map{width:100%;height:auto;margin-top:24px}.footer{flex-direction:column;align-items:center;padding:80px 8px 40px;display:flex}.footer__title{font-family:Margarine,cursive;font-style:normal;font-weight:400;font-size:var(--font-size-4xl);text-align:center;color:var(--color-accent);margin-bottom:8px;line-height:120%}.footer__message{font-family:ChalkboardSE,cursive;font-style:normal;font-weight:400;font-size:var(--font-size-sm);text-align:center;color:var(--color-dark);max-width:305px;margin-bottom:64px;line-height:120%}.footer__couple-label{font-family:ChalkboardSE,cursive;font-style:normal;font-weight:400;font-size:var(--font-size-lg);text-align:center;color:var(--color-accent);margin-bottom:8px;line-height:120%}.footer__signature{font-family:Margarine,cursive;font-style:normal;font-weight:400;font-size:var(--font-size-2xl);text-align:center;color:var(--color-primary);margin-bottom:8px;line-height:120%}.footer__family{font-family:ChalkboardSE,cursive;font-style:normal;font-weight:400;font-size:var(--font-size-md);text-align:center;color:#101010b3;margin-bottom:54px;line-height:120%}.footer__illustration{width:100%;height:auto}.music-player-btn{z-index:9999;background-color:var(--color-primary);width:48px;height:48px;color:var(--color-white);cursor:pointer;box-shadow:0 4px 16px var(--shadow-primary);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px}.music-player-btn:hover{background-color:var(--color-primary-light);transform:scale(1.1)}.music-player-btn:active{transform:scale(.95)}.music-player-btn.playing{animation:2s ease-in-out infinite musicPulse}@keyframes musicPulse{0%,to{box-shadow:0 4px 16px var(--shadow-primary)}50%{box-shadow:0 4px 24px #1860c699}}