@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/playfair-display-cyrillic-400-normal.CjW2EstV.woff2) format("woff2"),url(/_astro/playfair-display-cyrillic-400-normal.ZiRag6zj.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/playfair-display-vietnamese-400-normal.BV2APVTb.woff2) format("woff2"),url(/_astro/playfair-display-vietnamese-400-normal.BbvUAu4N.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/playfair-display-latin-ext-400-normal.BxlSGspa.woff2) format("woff2"),url(/_astro/playfair-display-latin-ext-400-normal.qdZwdvNS.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/playfair-display-latin-400-normal.CFtfchNt.woff2) format("woff2"),url(/_astro/playfair-display-latin-400-normal.DHYHbkg3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Inter,sans-serif}.hero-section{position:relative;width:100vw;height:100vh;overflow:hidden}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:20px}.spacer{flex:1;min-height:0}.center-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1000px;gap:20px}.logo-container{width:100%;display:flex;justify-content:center;padding:0 20px}.logo{width:100%;max-width:350px;height:auto;display:block}.text-container{width:100%;max-width:550px;padding:0 20px}.hero-text{color:#fff;text-align:center;font-size:14px;line-height:1.6;font-weight:400;font-family:Inter,sans-serif;margin:0}.hero-text strong{font-weight:700;font-family:Inter,sans-serif}.buttons-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:10px}.hero-button{display:inline-block;padding:10px 35px;background-color:transparent;border:2px solid white;color:#fff;font-size:13px;font-weight:600;font-family:Inter,sans-serif;text-decoration:none;text-align:center;transition:all .3s ease;cursor:pointer;letter-spacing:.5px;text-transform:none}.hero-button:hover{background-color:#fff;color:#000;transform:translateY(-2px)}.hero-button:active{transform:translateY(0)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fadeInDown 1s ease-out forwards}.animate-fade-in-up{opacity:0;animation:fadeInUp 1s ease-out .3s forwards}.animate-fade-in-up-delayed{opacity:0;animation:fadeInUp 1s ease-out .6s forwards}@media (min-width: 768px){.hero-text{font-size:15px}.logo{max-width:400px}.center-content{gap:30px}}@media (min-width: 1024px){.hero-text{font-size:16px}.logo{max-width:450px}.center-content{gap:40px}.hero-button{padding:12px 45px;font-size:14px}}@media (min-height: 900px){.center-content{gap:50px}}@media (max-width: 480px){.hero-text{font-size:14px}.buttons-container{flex-direction:column;width:100%;max-width:300px;gap:15px}.hero-button{width:100%;padding:12px 30px}.logo{max-width:280px}}@media (max-height: 600px){.hero-content{padding:10px}.center-content{gap:15px}.logo{max-width:300px}.hero-text{font-size:12px}.hero-button{padding:8px 30px;font-size:13px}}@media (hover: hover) and (pointer: fine){.hero-button:hover{cursor:pointer}}@media (min-width: 768px) and (max-height: 500px){.logo{max-width:250px}.hero-text{font-size:.875rem}}
