.checkin-container{background-color:#0000;background-image:linear-gradient(#0000008c,#0000008c),url(/bg-login.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.card{text-align:center;background:#fff;border-radius:30px;width:100%;max-width:600px;padding:50px 45px;box-shadow:0 20px 60px #00000026}.checkin-logo{justify-content:center;align-items:center;gap:18px;margin-bottom:25px;display:flex}.checkin-logo img{object-fit:contain;flex-shrink:0;width:90px;height:90px}.checkin-logo-text{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.checkin-logo-text span:first-child{color:#8b2c2c;letter-spacing:1px;text-transform:uppercase;font-size:18px;font-weight:600}.checkin-logo-text span:last-child{color:#8b2c2c;text-transform:uppercase;font-size:24px;font-weight:800;line-height:1.2}.title{color:#8b2c2c;letter-spacing:1px;margin-bottom:12px;font-size:40px;font-weight:800;line-height:1.2}.subtitle{text-transform:uppercase;color:#7a6a52;letter-spacing:1px;text-align:center;border-top:1px solid #e8dcc2;max-width:480px;margin:0 auto 35px;padding-top:12px;font-size:18px;font-weight:800;line-height:1.9}.input-icon{color:#8b2c2c;font-size:18px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.custom-input{border:1px solid #ddd;border-radius:14px;width:100%;padding:16px 18px 16px 50px;font-size:15px;transition:all .3s}.custom-input:focus{border-color:#8b2c2c;outline:none;box-shadow:0 0 0 4px #8b2c2c1a}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b2c2c,#b54747);border:none;border-radius:14px;width:100%;padding:18px;font-size:16px;font-weight:700;transition:all .3s}.btn:hover{transform:translateY(-2px)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.certificate-card{text-align:center;background:#fffdf8;border-radius:30px;width:100%;max-width:900px;padding:60px;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000026}.certificate-card:before{content:"";pointer-events:none;border:1px dashed #d7be89;border-radius:20px;position:absolute;inset:20px}.certificate-logo{width:120px;margin:0 auto 25px;display:block}.certificate-badge{color:#8b2c2c;letter-spacing:2px;background:#f4eee3;border-radius:50px;margin-bottom:25px;padding:12px 30px;font-size:13px;font-weight:700;display:inline-block}.certificate-card h2{color:#8b2c2c;margin-bottom:25px;font-family:Times New Roman,serif;font-size:32px;line-height:1.4}.certificate-intro{color:#666;margin-bottom:15px;font-size:20px;font-style:italic}.guest-name{color:#c7a35e;text-transform:uppercase;margin:20px 0;font-size:60px;font-weight:800}.certificate-divider{background:#c7a35e;width:150px;height:3px;margin:0 auto 30px}.certificate-text,.certificate-footer{text-align:justify;color:#555;text-indent:40px;max-width:720px;margin:0 auto 30px;font-family:Times New Roman,serif;font-size:18px;line-height:2}.signature{color:#8b2c2c;letter-spacing:4px;margin-top:40px;font-size:28px;font-weight:800}.menu-grid{z-index:10;flex-direction:column;gap:15px;margin-top:30px;display:flex;position:relative}.menu-link,.menu-btn-link{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:58px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.menu-link{color:#fff;background:linear-gradient(135deg,#0d6efd,#3b82f6);box-shadow:0 8px 20px #0d6efd40}.menu-btn-link{color:#fff;background:linear-gradient(135deg,#8b2c2c,#b54747);box-shadow:0 8px 20px #8b2c2c40}.menu-link:hover,.menu-btn-link:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000026}@media (width<=768px){.checkin-container{padding:15px}.card{padding:35px 24px}.checkin-logo{gap:12px}.checkin-logo img{width:65px;height:65px}.checkin-logo-text span:first-child{font-size:12px}.checkin-logo-text span:last-child{font-size:15px}.title{font-size:24px}.subtitle{margin-bottom:25px;font-size:12px;line-height:1.7}.certificate-card{padding:35px 20px}.certificate-card h2{font-size:24px}.guest-name{font-size:30px}.certificate-text,.certificate-footer{text-indent:20px;font-size:15px;line-height:1.8}.signature{font-size:22px}.menu-link,.menu-btn-link{min-height:52px;font-size:14px}}.admin{background:#f5f7fa;min-height:100vh;padding:30px}.admin-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.admin-header h1{color:#8b2c2c;margin-bottom:5px;font-size:30px}.admin-header p{color:#666}.admin-user{align-items:center;gap:15px;display:flex}.admin-user span{font-weight:600}.logout-btn{color:#fff;cursor:pointer;background:#8b2c2c;border:none;border-radius:10px;padding:10px 18px;font-weight:600;transition:all .3s}.logout-btn:hover{background:#6d1f1f}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:25px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:18px;padding:25px;box-shadow:0 5px 20px #00000014}.stat-card h2{color:#8b2c2c;margin-bottom:10px;font-size:36px}.stat-card p{color:#666;font-weight:600}.gate-card{background:#fff;border-radius:18px;margin-bottom:25px;padding:25px;box-shadow:0 5px 20px #00000014}.gate-card h3{color:#8b2c2c;margin-bottom:15px}.gate-card div{border-bottom:1px solid #eee;padding:8px 0}.toolbar{gap:15px;margin:25px 0;display:flex}.toolbar input{border:1px solid #ddd;border-radius:10px;flex:1;padding:12px 15px;font-size:15px}.toolbar input:focus{border-color:#8b2c2c;outline:none}.excel-btn{color:#fff;cursor:pointer;background:#198754;border:none;border-radius:10px;padding:12px 22px;font-weight:600;transition:all .3s}.excel-btn:hover{background:#157347}.table-wrapper{background:#fff;border-radius:18px;overflow:auto;box-shadow:0 5px 20px #00000014}table{border-collapse:collapse;width:100%}thead{background:#8b2c2c}th{color:#fff;text-align:left;white-space:nowrap;padding:14px}td{border-bottom:1px solid #eee;padding:14px}tbody tr:hover{background:#faf7f7}.chart-card{background:#fff;border-radius:18px;width:100%;max-width:1200px;margin:25px auto;padding:25px;box-shadow:0 5px 20px #00000014}.chart-title{color:#8b2c2c;text-align:center;margin-bottom:25px;font-size:24px;font-weight:700}.chart-wrapper{height:400px}@media screen and (width<=768px){.admin{padding:15px}.admin-header{flex-direction:column;align-items:flex-start}.admin-header h1{font-size:22px}.stats-grid{grid-template-columns:1fr 1fr}.toolbar{flex-direction:column}.excel-btn{width:100%}.chart-wrapper{height:300px}th,td{padding:10px;font-size:13px}}.login-page{background-color:#0000;background-image:linear-gradient(#0000008c,#0000008c),url(/bg-login.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:450px;padding:40px;box-shadow:0 20px 60px #00000026}.login-logo{width:90px;margin-bottom:20px}.login-card h1{color:#8b2c2c;margin-bottom:10px;font-size:30px}.login-card p{color:#666;margin-bottom:30px;line-height:1.7}.input-group{margin-bottom:18px;position:relative}.icon{color:#8b2c2c;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.input-group input{border:1px solid #ddd;border-radius:12px;width:100%;padding:15px 15px 15px 50px;font-size:15px}.input-group input:focus{border-color:#8b2c2c;outline:none}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b2c2c,#b54747);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b2c2c4d}@media (width<=768px){.login-card{padding:30px 20px}.login-card h1{font-size:24px}}.header{z-index:999;width:100%;transition:all .35s;position:fixed;top:0;left:0}.header.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf8f5;box-shadow:0 5px 25px #00000014}.container{justify-content:space-between;align-items:center;max-width:1280px;height:88px;margin:0 auto;padding:0 30px;display:flex}.logo{cursor:pointer;align-items:center;gap:14px;height:100%;transition:all .3s;display:flex}.logo:hover{transform:scale(1.02)}.logo img{object-fit:contain;flex-shrink:0;width:60px;height:60px}.logoText{flex-direction:column;justify-content:center;line-height:1.15;display:flex}.logoText span:first-child{letter-spacing:1px;color:#fff;text-shadow:0 2px 8px #00000059;font-size:13px;font-weight:600}.logoText span:last-child{color:#fff;text-shadow:0 2px 8px #00000059;font-size:24px;font-weight:800}.header.scrolled .logoText span{color:#8b2c2c;text-shadow:none}.desktop-nav ul{align-items:center;gap:34px;margin:0;padding:0;list-style:none;display:flex}.desktop-nav li{cursor:pointer;color:#fff;text-shadow:0 2px 8px #00000059;font-size:18px;font-weight:700;transition:all .3s;position:relative}.desktop-nav li:hover{color:#f6d18a}.desktop-nav li:after{content:"";background:#c9a96a;width:0;height:2px;transition:all .35s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.desktop-nav li:hover:after,.desktop-nav li.active:after{width:100%}.header.scrolled .desktop-nav li{color:#333;text-shadow:none}.header.scrolled .desktop-nav li:hover,.header.scrolled .desktop-nav li.active{color:#8b2c2c}.register-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b2c2c,#b44747);border:none;border-radius:50px;padding:14px 28px;font-size:16px;font-weight:700;transition:all .3s}.register-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b2c2c4d}.menu-btn{color:#fff;cursor:pointer;background:#8b2c2c;border:none;border-radius:10px;width:44px;height:44px;transition:all .3s;display:none}.menu-btn:hover{opacity:.9}.mobile-menu{z-index:998;background:#fffdf8;width:280px;height:100vh;padding-top:90px;transition:all .35s;position:fixed;top:0;right:-100%;box-shadow:-5px 0 25px #0000001f}.mobile-menu.show{right:0}.mobile-menu ul{margin:0;padding:0;list-style:none}.mobile-menu li{color:#444;cursor:pointer;border-bottom:1px solid #eee;padding:18px 30px;font-size:15px;font-weight:600;transition:all .3s}.mobile-menu li:hover{color:#8b2c2c;background:#f8f3eb}.mobile-register{text-align:center;background:#8b2c2c;border-radius:10px;margin:20px;color:#fff!important}@media (width<=1024px){.desktop-nav,.register-btn{display:none}.menu-btn{justify-content:center;align-items:center;display:flex}.container{height:78px;padding:0 20px}.logo img{width:54px;height:54px}.logoText span:first-child{font-size:11px}.logoText span:last-child{font-size:20px}}@media (width<=768px){.container{height:72px;padding:0 16px}.logo{gap:10px}.logo img{width:50px;height:50px}.logoText span:first-child{font-size:10px}.logoText span:last-child{font-size:16px}.menu-btn{width:42px;height:42px;font-size:20px}.mobile-menu{width:75%}}@media (width<=480px){.container{padding:0 12px}.logo img{width:44px;height:44px}.logoText span:first-child{font-size:8px}.logoText span:last-child{font-size:14px}.mobile-menu{width:82%}}*{box-sizing:border-box;margin:0;padding:0}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;min-height:90vh;padding-top:88px;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(#00000059,#0009);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;color:#fff;max-width:900px;padding:0 24px;animation:.9s fadeUp;position:relative}.hero-subtitle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:2px;text-transform:uppercase;border:1px solid #ffffff4d;border-radius:50px;margin-bottom:18px;padding:8px 18px;font-size:15px;font-weight:500;display:inline-block}.hero-content h1{text-shadow:0 5px 20px #00000059;margin-bottom:20px;font-size:68px;font-weight:800;line-height:1.15}.hero-content p{color:#ffffffeb;max-width:700px;margin:auto;font-size:18px;line-height:1.8}.scroll-down{z-index:5;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-down span{border:2px solid #fff;border-radius:30px;width:24px;height:40px;display:block;position:relative}.scroll-down span:before{content:"";background:#fff;border-radius:30px;width:4px;height:8px;animation:1.6s infinite scrollMove;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollMove{0%{opacity:0;top:8px}50%{opacity:1}to{opacity:0;top:22px}}@media (width<=992px){.hero{min-height:75vh;padding-top:78px}.hero-subtitle{letter-spacing:1px;margin-bottom:14px;font-size:12px}.hero-content h1{margin-bottom:18px;font-size:46px}.hero-content p{font-size:16px;line-height:1.7}}@media (width<=768px){.hero{min-height:68vh;padding-top:72px}.hero-content{padding:0 20px}.hero-subtitle{margin-bottom:14px;padding:6px 14px;font-size:11px}.hero-content h1{margin-bottom:16px;font-size:32px;line-height:1.25}.hero-content p{font-size:15px;line-height:1.7}.scroll-down{display:none}}@media (width<=480px){.hero{min-height:62vh}.hero-content h1{font-size:27px}.hero-content p{font-size:14px}.hero-subtitle{font-size:10px}}.about{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:85vh;display:flex;position:relative;overflow:hidden}.about-overlay{z-index:1;background:linear-gradient(90deg,#00000040,#000000a6);position:absolute;inset:0}.about-container{z-index:2;justify-content:flex-end;align-items:center;width:100%;max-width:1280px;margin:auto;padding:100px 50px;display:flex;position:relative}.about-content{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0000002e;border-radius:20px;width:60%;max-width:620px;padding:35px;animation:.8s fadeUp}.about-content h2{margin-bottom:22px;font-size:41px;font-weight:700;line-height:1.2}.about-content p{color:#fffffff2;margin-bottom:18px;font-size:17px;line-height:1.9}.more-content{max-height:0;transition:max-height .5s;overflow:hidden}.more-content.show{max-height:1000px}.read-more-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b2c2c,#b44747);border:none;border-radius:50px;margin-top:15px;padding:14px 30px;font-size:15px;font-weight:700;transition:all .3s}.read-more-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b2c2c59}@media (width<=1200px){.about-content{width:55%}.about-content h2{font-size:44px}}@media (width<=992px){.about{background-position:50%;min-height:70vh}.about-container{justify-content:center;padding:80px 20px;display:flex}.about-content{text-align:center;background:#00000059;width:100%;max-width:100%;padding:28px 22px}.section-tag{letter-spacing:1px;font-size:12px}.about-content h2{margin-bottom:18px;font-size:34px}.about-content p{font-size:15px;line-height:1.8}.read-more-btn{width:100%;max-width:220px}}@media (width<=576px){.about{min-height:65vh}.about-content{padding:22px 18px}.about-content h2{font-size:28px}.about-content p{font-size:14px}}.timeline{background:#f8f6f2;padding:80px 20px}.section-tag{color:#fff;background:#8b2c2c;border-radius:50px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-block}.timeline-container{text-align:center;max-width:1200px;margin:auto}.timeline h2{color:#8b2c2c;text-align:center;margin-bottom:40px;font-size:40px}.timeline-nav{text-align:center;gap:10px;margin-bottom:30px;padding-bottom:15px;display:flex;overflow-x:auto}.timeline-nav,.timeline-card{text-align:left}.timeline-nav button{cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:12px;padding:12px 20px;font-weight:600;transition:all .3s;box-shadow:0 4px 10px #00000014}.timeline-nav button:hover{transform:translateY(-2px)}.timeline-nav button.active{color:#fff;background:#8b2c2c}.timeline-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 15px 40px #00000014}.timeline-year{color:#8b2c2c;background:#f3ebe2;border-radius:50px;margin-bottom:20px;padding:10px 18px;font-weight:700;display:inline-block}.timeline-info h3{color:#8b2c2c;margin-bottom:20px;font-size:28px}.timeline-info p{color:#555;font-size:17px;line-height:1.9}@media (width<=768px){.timeline{padding:50px 15px}.timeline h2{font-size:28px}.timeline-card{padding:25px}.timeline-info h3{font-size:22px}.timeline-info p{font-size:15px;line-height:1.8}}.architecture{background:#faf8f4;padding:120px 0}.architecture-container{text-align:center;max-width:1280px;margin:auto;padding:0 30px}.architecture h2{color:#8b2c2c;margin-bottom:20px;font-size:48px;line-height:1.3}.section-desc{color:#666;max-width:800px;margin:auto auto 60px;line-height:1.8}.architecture-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.architecture-card{cursor:pointer;border-radius:24px;height:420px;transition:all .4s;position:relative;overflow:hidden}.architecture-card img{object-fit:cover;width:100%;height:100%;transition:all .5s}.architecture-card:hover img{transform:scale(1.08)}.architecture-card:hover{transform:translateY(-8px)}.card-overlay{background:linear-gradient(#0000,#000000bf);position:absolute;inset:0}.card-content{color:#fff;text-align:left;position:absolute;bottom:25px;left:25px;right:25px}.card-icon{margin-bottom:10px;font-size:38px}.card-content h3{margin-bottom:10px;font-size:26px}.card-content p{opacity:.95;margin-bottom:15px;line-height:1.7}.card-content span{color:#f6d08d;font-weight:600}.detail-page{z-index:9999;background:#fff;position:fixed;inset:0;overflow-y:auto}.back-btn{z-index:10000;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:12px 18px;font-weight:700;position:fixed;top:25px;left:25px;box-shadow:0 10px 30px #00000026}.detail-banner{height:520px;position:relative;overflow:hidden}.detail-banner img{object-fit:cover;width:100%;height:100%}.detail-overlay{background:linear-gradient(#00000026,#000000b3);flex-direction:column;justify-content:flex-end;padding:70px;display:flex;position:absolute;inset:0}.detail-tag{color:#f6d08d;letter-spacing:2px;margin-bottom:10px}.detail-overlay h1{color:#fff;font-size:58px;line-height:1.2}.detail-container{max-width:1200px;margin:auto;padding:70px 30px 100px}.detail-main{grid-template-columns:2fr 1fr;gap:50px;margin-bottom:60px;display:grid}.detail-content h2{color:#8b2c2c;margin-bottom:25px;font-size:34px}.detail-text p{color:#444;margin-bottom:20px;font-size:17px;line-height:2}.detail-highlight{background:#faf8f4;border-radius:20px;height:max-content;padding:30px;position:sticky;top:120px}.detail-highlight h3{color:#8b2c2c;margin-bottom:20px}.detail-highlight ul{margin:0;padding:0;list-style:none}.detail-highlight li{color:#444;border-bottom:1px solid #ececec;padding:14px 0}.detail-gallery-section{margin-top:40px}.detail-gallery-section h2{color:#8b2c2c;margin-bottom:25px;font-size:34px}.gallery-slider{width:100%}.slider-main{border-radius:24px;height:550px;position:relative;overflow:hidden}.slider-main img{object-fit:cover;width:100%;height:100%}.slider-btn{cursor:pointer;z-index:2;background:#ffffffe6;border:none;border-radius:50%;width:54px;height:54px;font-size:22px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn:hover{transform:translateY(-50%)scale(1.08)}.slider-btn:first-child{left:20px}.slider-btn:last-child{right:20px}.slider-counter{text-align:center;color:#8b2c2c;margin-top:18px;font-weight:700}.slider-thumbs{gap:15px;margin-top:20px;padding-bottom:10px;display:flex;overflow-x:auto}.slider-thumbs img{object-fit:cover;cursor:pointer;opacity:.65;border-radius:12px;flex-shrink:0;width:130px;height:90px;transition:all .3s}.slider-thumbs img:hover{opacity:1}.active-thumb{border:3px solid #8b2c2c;opacity:1!important}@media (width<=1024px){.architecture-grid{grid-template-columns:repeat(2,1fr)}.detail-main{grid-template-columns:1fr}.detail-highlight{position:static}}@media (width<=768px){.architecture{padding:80px 0}.architecture-container{padding:0 20px}.architecture h2{font-size:30px}.section-desc{font-size:15px}.architecture-grid{grid-template-columns:1fr;gap:20px}.architecture-card{height:320px}.card-content h3{font-size:22px}.detail-banner{height:280px}.detail-overlay{padding:25px}.detail-overlay h1{font-size:30px}.detail-container{padding:40px 20px 80px}.detail-content h2,.detail-gallery-section h2{font-size:24px}.detail-text p{font-size:15px;line-height:1.9}.slider-main{height:350px}.slider-thumbs img{width:90px;height:65px}.slider-btn{width:42px;height:42px;font-size:18px}.back-btn{padding:10px 15px;font-size:14px;top:15px;left:15px}}@media (width<=480px){.architecture h2{font-size:26px}.card-content h3{font-size:20px}.detail-overlay h1{font-size:26px}.slider-main{height:350px}}.heritage{background:#f8f5ef;padding:100px 20px}.heritage-container{grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1280px;margin:auto;display:grid}.heritage-image{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #00000014}.heritage-image img{width:100%;transition:all .4s;display:block}.heritage-image:hover img{transform:scale(1.02)}.image-caption{text-align:center;color:#666;background:#fff;border-top:1px solid #eee;padding:16px;font-size:14px}.section-tag{color:#c7a35c;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;font-size:14px;font-weight:700;display:inline-block}.heritage-content h2{color:#8b2c2c;margin-bottom:25px;font-size:50px;line-height:1.2}.heritage-content p{color:#555;margin-bottom:18px;font-size:17px;line-height:1.9}.heritage-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0;display:grid}.stat-card{text-align:center;background:#fff;border-radius:16px;padding:28px 18px;transition:all .3s;box-shadow:0 8px 24px #0000000f}.stat-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #8b2c2c1f}.stat-icon{margin-bottom:12px;font-size:36px}.stat-card h4{color:#8b2c2c;margin-bottom:10px;font-size:18px}.stat-card span{color:#666;font-size:14px;line-height:1.7}.heritage-btn{color:#fff;background:#8b2c2c;border-radius:10px;justify-content:center;align-items:center;padding:15px 32px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.heritage-btn:hover{background:#6f2222;transform:translateY(-2px)}@media (width<=992px){.heritage{padding:80px 20px}.heritage-container{grid-template-columns:1fr;gap:40px}.heritage-content{text-align:center}.heritage-content h2{font-size:38px}.heritage-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.heritage{padding:70px 16px}.heritage-content h2{font-size:30px}.heritage-content p{font-size:15px}.heritage-stats{grid-template-columns:1fr;gap:15px}.stat-card{padding:22px}.heritage-btn{width:100%}.image-caption{font-size:13px}}.heritage-images{flex-direction:column;gap:24px;display:flex}.second{margin-top:0}.decision-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.decision-list a{color:#c7a35c;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.decision-list a:hover{color:#8b2c2c}@media (width<=992px){.heritage-images{order:1}.heritage-content{order:2}}.festival{background:#faf8f4;padding:120px 0}.festival-container{max-width:1280px;margin:auto;padding:0 30px}.festival .section-tag{color:#d4b07b;letter-spacing:2px;background:#8b2c2c;border-radius:30px;margin:0 auto 15px;padding:8px 18px;font-size:14px;font-weight:600;display:table}.festival h2{text-align:center;color:#5b1d1d;margin-bottom:60px;font-size:48px}.festival-wrapper{grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;margin-top:60px;display:grid}.festival-image{border-radius:20px;height:550px;overflow:hidden;box-shadow:0 15px 35px #0000001f}.festival-image img{object-fit:cover;width:100%;height:100%;transition:all .5s}.festival-image:hover img{transform:scale(1.05)}.festival-content span{color:#d4b06a;font-size:80px;font-weight:700;line-height:1}.festival-content h3{color:#8b2c2c;margin:15px 0;font-size:42px}.festival-content p{color:#555;font-size:17px;line-height:2}.festival-timeline{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:50px;display:grid}.festival-step{text-align:center;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:18px;padding:20px;transition:all .35s;box-shadow:0 8px 20px #0000000f}.festival-step:hover{transform:translateY(-5px)}.festival-step.active{color:#fff;background:#8b2c2c;border-color:#8b2c2c}.step-number{color:#8b2c2c;background:#f4eee3;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 12px;font-weight:700;display:flex}.festival-step.active .step-number{background:#fff}.festival-step h4{margin:0;font-size:15px;line-height:1.5}@media screen and (width<=1200px){.festival h2{font-size:42px}.festival-image{height:500px}}@media (width<=768px){.festival{padding:80px 0}.festival-container{padding:0 20px}.festival-wrapper{grid-template-columns:1fr;gap:30px}.festival-image{height:280px}.festival-content span{font-size:50px}.festival-content h3{font-size:28px}.festival-content p{font-size:15px}.festival-timeline{grid-template-columns:1fr 1fr}.festival h2{margin-bottom:40px;font-size:28px}}@media (width<=576px){.festival-timeline{grid-template-columns:1fr}.festival-content h3{font-size:24px}.festival-content p{font-size:14px;line-height:1.8}}.footer{color:#fff;background-color:#0000;background-image:linear-gradient(#231414eb,#231414f5),url(/footer-bg.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:relative;overflow:hidden}.footer-overlay{background:radial-gradient(circle,#c9a96a14,#0000 70%);position:absolute;inset:0}.footer-container{z-index:2;grid-template-columns:1.4fr 1fr 1fr;gap:60px;max-width:1280px;margin:auto;padding:90px 30px 60px;display:grid;position:relative}.footer-tag{color:#d4b06a;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;font-size:12px;display:inline-block}.footer-brand h3{color:#fff;margin-bottom:20px;font-size:32px;line-height:1.3}.footer-brand p{color:#fffc;max-width:500px;line-height:1.9}.footer-col h4{color:#d4b06a;margin-bottom:20px;font-size:18px}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{color:#ffffffd9;margin-bottom:14px;transition:all .3s}.footer-col li:hover{color:#d4b06a;transform:translate(4px)}.footer-bottom{text-align:center;color:#ffffffb3;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:22px 20px;font-size:14px;display:flex}.footer-bottom span{color:#d4b06a}@media (width<=992px){.footer-container{grid-template-columns:1fr;gap:40px;padding:70px 20px 40px}.footer-bottom{flex-direction:column;gap:10px}}@media (width<=768px){.footer-brand h3{font-size:24px}.footer-col h4{font-size:17px}.footer-brand p,.footer-col li{font-size:14px}.footer-bottom{font-size:13px}}.footer:before{content:"";background:url(/hoavan.png) 50% repeat-x;width:100%;height:50px;position:absolute;top:0;left:0}.footer-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:15px;display:flex}.footer-stats span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff26;border-radius:30px;padding:8px 18px;font-size:14px;font-weight:600}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;margin-top:40px;padding-top:25px}.gallery{background:#faf7f2;padding:120px 0}.gallery-container{text-align:center;max-width:1200px;margin:auto;padding:0 20px}.gallery h2{color:#8b2c2c;margin:15px 0 50px;font-size:52px}.slider{position:relative}.slider img{object-fit:cover;border-radius:24px;width:100%;height:650px;box-shadow:0 20px 50px #0000001f}.arrow{cursor:pointer;z-index:2;background:#ffffffe6;border:none;border-radius:50%;width:55px;height:55px;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.left{left:20px}.right{right:20px}.slide-title{color:#8b2c2c;margin-top:25px;font-size:26px}.dots{justify-content:center;gap:10px;margin-top:20px;display:flex}.dot{cursor:pointer;background:#ccc;border-radius:50%;width:12px;height:12px}.dot.active{background:#8b2c2c}@media (width<=768px){.gallery{padding:80px 0}.gallery h2{font-size:30px}.slider img{height:300px}.slide-title{font-size:20px}.arrow{width:42px;height:42px;font-size:18px}}.video-section{text-align:center;background-image:url(https://img.youtube.com/vi/N1ukud99Olw/maxresdefault.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:700px;display:flex;position:relative}.video-overlay{background:#000000af;position:absolute;inset:0}.video-content{z-index:2;color:#fff;max-width:800px;padding:0 20px;position:relative}.video-content .section-tag{color:#d4b07b;letter-spacing:2px;margin-bottom:15px;display:block}.video-content h2{margin-bottom:24px;font-size:58px}.video-content p{margin-bottom:40px;font-size:18px;line-height:1.9}.play-btn{color:#fff;cursor:pointer;background:#8b2c2c;border:none;border-radius:50%;width:90px;height:90px;font-size:32px;transition:all .3s}.play-btn:hover{transform:scale(1.08)}.video-modal{z-index:9999;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-wrapper{width:90%;max-width:1100px}.video-wrapper iframe{border:none;border-radius:16px;width:100%;height:620px}@media screen and (width<=992px){.video-section{min-height:550px}.video-content h2{font-size:34px}.video-content p{font-size:15px}.play-btn{width:70px;height:70px;font-size:24px}.video-wrapper iframe{height:250px}}.map-section{background:#f8f1e6;padding:120px 0}.map-container{grid-template-columns:1fr 1.3fr;align-items:center;gap:50px;max-width:1280px;margin:auto;padding:0 40px;display:grid}.map-content h2{color:#5b1d1d;margin:20px 0;font-size:48px;line-height:1.3}.map-content p{color:#555;margin-bottom:30px;font-size:17px;line-height:1.9}.location-info{flex-direction:column;gap:15px;margin-bottom:25px;display:flex}.info-box{background:#fff;border-radius:14px;padding:18px 22px;font-weight:600;box-shadow:0 10px 30px #00000014}.map-btn{color:#fff;background:linear-gradient(135deg,#8b2c2c,#b54747);border-radius:14px;justify-content:center;align-items:center;padding:15px 30px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.map-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #8b2c2c40}.map-frame iframe{border:none;border-radius:24px;width:100%;height:500px;box-shadow:0 15px 35px #0000001f}.map-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-top:25px;display:grid}.stat-item{text-align:center;background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 30px #00000014}.stat-item strong{color:#8b2c2c;margin-bottom:6px;font-size:28px;display:block}.stat-item span{color:#666;font-size:14px}@media screen and (width<=992px){.map-section{padding:80px 0}.map-container{grid-template-columns:1fr;padding:0 20px}.map-content{text-align:center}.map-content h2{font-size:34px}.map-content p{font-size:15px}.map-btn{width:100%}.map-frame iframe{height:350px}.map-stats{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=576px){.map-content h2{font-size:28px}.map-stats{grid-template-columns:1fr}.stat-item strong{font-size:24px}.info-box{font-size:14px}}