@import url(https://fonts.googleapis.com/css2?family=Kodchasan:wght@400;500;600;700&family=Dancing+Script:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;padding:0}.notfound{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.notfound__title{animation:wobble 2s infinite;color:#ff4d4f;font-size:clamp(6rem,18vw,12rem);font-weight:900;margin:0;position:relative}.notfound__title:after,.notfound__title:before{content:attr(data-text);left:0;overflow:hidden;position:absolute;top:0;width:100%}.notfound__title:before{animation:glitchTop 2s infinite;color:#00d8ff;z-index:-1}.notfound__title:after{animation:glitchBottom 2s infinite;color:#ff00c1;z-index:-2}.notfound__subtitle{color:#555;font-size:1.25rem;margin:1rem 0 2rem;max-width:24rem}.btn-404{align-items:center;background:linear-gradient(135deg,#ff4d4f,#ff7a45);border:none;border-radius:9999px;box-shadow:0 4px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.75rem;transition:transform .2s ease,box-shadow .2s ease}.btn-404:hover{box-shadow:0 6px 12px #0003;text-decoration:none;transform:translateY(-2px)}.btn-404:active,.btn-404:hover{background:linear-gradient(135deg,#ff7a45,#ff4d4f)!important}.btn-404:active{box-shadow:0 3px 6px #00000026;transform:translateY(0)}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes glitchTop{0%{-webkit-clip-path:polygon(0 2%,100% 2%,100% 8%,0 8%);clip-path:polygon(0 2%,100% 2%,100% 8%,0 8%);transform:translate(-2px,-2px)}50%{-webkit-clip-path:polygon(0 60%,100% 60%,100% 68%,0 68%);clip-path:polygon(0 60%,100% 60%,100% 68%,0 68%);transform:translate(2px,2px)}to{-webkit-clip-path:polygon(0 2%,100% 2%,100% 8%,0 8%);clip-path:polygon(0 2%,100% 2%,100% 8%,0 8%);transform:translate(-2px,-2px)}}@keyframes glitchBottom{0%{-webkit-clip-path:polygon(0 80%,100% 80%,100% 88%,0 88%);clip-path:polygon(0 80%,100% 80%,100% 88%,0 88%);transform:translate(2px,2px)}50%{-webkit-clip-path:polygon(0 20%,100% 20%,100% 28%,0 28%);clip-path:polygon(0 20%,100% 20%,100% 28%,0 28%);transform:translate(-2px,-2px)}to{-webkit-clip-path:polygon(0 80%,100% 80%,100% 88%,0 88%);clip-path:polygon(0 80%,100% 80%,100% 88%,0 88%);transform:translate(2px,2px)}}@media(prefers-color-scheme:dark){.notfound{background:#1a1a1a}.notfound__title{color:#ff7875}.notfound__subtitle{color:#aaa}}.card-custom{background-color:#fff;background-image:url(/static/media/hoavan.50bacb07ee58dc77eb24.png);background-position:50%;background-repeat:repeat;background-size:auto;border-radius:8px;box-shadow:0 2px 5px #0000004d;color:#000;padding:8px;transition:box-shadow .3s ease}.card-custom:hover{box-shadow:0 4px 12px #00000026}.custom-button{border-radius:4px;font-weight:700;height:32.4px;padding:10px 20px;transition:all .3s}.custom-button:hover{opacity:.85}.custom-button:active{transform:scale(.98)}.input-custom{border:1px solid #a81010;border-radius:4px;font-size:14px;outline:none;padding:7px 12px;transition:all .2s;width:20vw}.select-custom{border:1px solid #a81010;border-radius:4px!important;height:32.4px;width:121px}.select-custom .ant-select-selector{border-color:#0000!important;border-radius:4px!important}.select-custom:hover{border:1px solid #a81010;border-radius:4px!important}.select-custom.ant-select-focused .ant-select-selector{border-color:#0000!important;box-shadow:none!important}.select-custom-dropdown{border-radius:4px!important}.banner{align-items:center;color:#fff;display:flex;min-height:100vh;overflow:hidden;padding:0 40px;position:relative;width:100%}.banner .banner-bg{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}.banner .content-wrap{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;position:relative;width:100%;z-index:1}.container{display:flex;flex:1 1;flex-direction:column;gap:20px;text-align:left}.container h1{font-size:3rem;line-height:1.2;margin:0}.container p{font-size:1.25rem;line-height:1.8;margin:0}.anhMain{display:flex;flex:1 1;justify-content:flex-end}.anhMain img{border-radius:20px;max-width:450px;width:100%}@media(max-width:1023px){.banner{min-height:auto;padding:40px 20px}.content-wrap{flex-direction:column;gap:40px}.container,.content-wrap{align-items:center;text-align:center}.container{margin-top:50px}.container h1{font-size:2rem}.container p{font-size:1rem}.anhMain{justify-content:center;margin-top:20px}}@media(max-width:768px){.container h1{font-size:1.6rem}.container p{font-size:.95rem}}.banner2{align-items:center;background-color:#a81010;display:flex;justify-content:flex-start;margin-top:-2px;min-height:70vh}.header{left:0;position:fixed;right:0;top:0;transition:background-color .5s ease,box-shadow .5s ease;width:100%;z-index:50}.header .header-content{align-items:center;display:flex;height:70px;justify-content:space-between;margin:auto;max-width:1500px;padding:0 20px}@media screen and (max-width:1024px){.header .header-content{height:50px}}.header .header-content{transform:translateY(0);transition:transform .5s ease,opacity .5s ease}.header .logo{height:60px;transition:all .5s ease}.header nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.header nav ul li button.nav-link{background:none;border:none;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:500;transition:color .3s;transition:opacity .3s,color .3s}.header nav ul li button.nav-link.active{color:#ccc}.header nav ul li button.nav-link.scrolled{color:#a81010}.header nav ul li button.nav-link:hover{opacity:.5}.header.scrolled{background-color:#fff;background-image:url(/static/media/trongDong.22ac48d0fcb24a5f5556.png);background-position:50%;background-repeat:no-repeat;background-size:auto;box-shadow:0 4px 10px #0000004d;margin-top:-1px}.header.scrolled .header-content{opacity:1}.menu-list-mobile{display:flex;flex-direction:column;gap:16px;list-style:none!important;margin:0;padding:0}.menu-list-mobile li button.nav-link-mobile{background:none;border:none;color:#002aff;cursor:pointer;font-size:23px;font-weight:500;text-align:left;transition:opacity .3s,color .3s;width:100%}.menu-list-mobile li button.nav-link-mobile.active-mobile{color:#4d0101}.menu-list-mobile li button.nav-link-mobile.scrolled-mobile{color:#a81010}.menu-list-mobile li button.nav-link-mobile:hover{opacity:.5}.menu-icon{color:#fff;cursor:pointer;font-size:18px;transition:color .3s}.menu-icon.scrolled{color:red}.img-main{align-items:center;display:flex;justify-content:center;padding:10px}.img-main .img-frame{border:3px solid #fff;border-radius:80%/60%;box-shadow:0 4px 15px #0000004d;max-height:400px;max-width:300px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.img-main .img-frame .main-image{height:100%;object-fit:cover;transition:transform .3s ease!important;width:100%}.img-main .img-frame .main-image:hover{transform:scale(1.05)}.img-main .img-frame .img-info{background:linear-gradient(0deg,#000000e6 0,#000000b3 50%,#0000);bottom:0;color:#fff;display:flex;flex-direction:column;left:0;padding:30px 20px 20px;position:absolute;right:0;text-align:center}.img-main .img-frame .img-info .img-name{display:block;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:1.2rem;font-weight:300;margin-bottom:8px;opacity:.9}.img-main .img-frame .img-info .img-date{display:block;font-size:.9rem;font-weight:300;margin-bottom:8px;opacity:.9}.img-main .img-frame .img-info .img-text{color:#fff;font-size:1.1rem;font-weight:500;line-height:1.4;margin:0}@media(max-width:768px){.img-main .img-frame{border-radius:80%/60%;height:350px;max-width:250px}.img-main .img-frame .img-info{padding:25px 15px 15px}.img-main .img-frame .img-info .img-date{font-size:.8rem}.img-main .img-frame .img-info .img-text{font-size:1rem}}@media(max-width:480px){.img-main .img-frame{border-radius:80%/60%;border-width:2px;height:300px;max-width:200px}.img-main .img-frame .img-info{padding:20px 12px 12px}.img-main .img-frame .img-info .img-date{font-size:.75rem;margin-bottom:5px}.img-main .img-frame .img-info .img-text{font-size:.9rem;line-height:1.3}}.timeline-wrapper{margin:100px auto;position:relative;width:90%}.timeline-line{background-color:#ccc;height:4px;left:0;position:absolute;top:45%;transform:translateY(-50%);width:100%;z-index:1}.timeline-items{display:flex;justify-content:space-between;position:relative;z-index:2}.timeline-item{position:relative;text-align:center;width:20%}.timeline-item .timeline-dot{height:60px;margin:0 auto;position:relative;width:60px;z-index:2}.timeline-item .timeline-info{align-items:center;background-color:#fff;background-image:url(/static/media/hoavan.50bacb07ee58dc77eb24.png);background-position:50%;background-repeat:repeat;background-size:auto;border-radius:8px;box-shadow:0 2px 6px #0003;color:#000;display:flex;flex-direction:column;gap:10px;left:50%;min-width:160px;padding:15px;position:absolute;text-align:center;transform:translateX(-50%)}.timeline-item .timeline-info h4,.timeline-item .timeline-info p{margin:0;padding:0}.timeline-item .timeline-info:hover{cursor:pointer}.timeline-item.top .timeline-info{bottom:80px}.timeline-item.bottom .timeline-info{top:80px}.timeline-wrapper-mb{margin:50px 20px;max-width:1200px}.timeline-items-mb{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.timeline-item-mb{align-items:center;background:url(/static/media/hoavan.50bacb07ee58dc77eb24.png) 50%/auto repeat;border-radius:10px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;padding:15px;text-align:center}.timeline-dot-mb{height:60px;object-fit:contain;width:60px}.timeline-info-mb h4,.timeline-info-mb p{margin:0;padding:5px 0}.timeline-info-mb h4{font-size:18px;font-weight:600}.timeline-info-mb p{font-size:16px;line-height:1.5}@media(max-width:600px){.timeline-items-mb{gap:15px;grid-template-columns:repeat(2,1fr)}.timeline-dot-mb{height:50px;width:50px}.timeline-info-mb h4,.timeline-info-mb p{font-size:16px}}@media(min-width:601px)and (max-width:1024px){.timeline-items-mb{gap:20px;grid-template-columns:repeat(3,1fr)}.timeline-dot-mb{height:55px;width:55px}.timeline-info-mb h4{font-size:17px}.timeline-info-mb p{font-size:16px}}.timeline-link{color:#a81010;cursor:pointer;display:inline-block;font-family:sans-serif;font-weight:500;position:relative;text-decoration:none}.timeline-link:after{background-color:#a81010;bottom:0;content:"";height:1.5px;left:0;position:absolute;transition:width .3s ease;width:0}.timeline-link:hover:after{width:100%}.leader-page{margin:0 auto;max-width:1200px;min-height:100vh;padding:0 20px}.leader-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:20px 0}.leader-card{display:flex;gap:20px;height:100%;padding:20px}.leader-left,.leader-right{display:flex;flex:1 1;flex-direction:column}.leader-right{border-left:2px solid #a81010;padding-left:18px;position:relative}.leader-right:before{background:#a81010;border-radius:50%;content:"";height:10px;left:-6px;position:absolute;top:0;width:10px}.leader-img-wrapper{aspect-ratio:1/1;border:3px solid #a81010;border-radius:50%;margin:0 auto 15px;overflow:hidden;width:180px}.leader-img{height:100%;object-fit:cover;width:100%}.battle-year,.leader-birth{color:#555;font-size:18px;margin:0;padding:0;text-align:center}.battle-year strong,.leader-birth strong{color:#2c3e50;font-weight:600}.battle-year{border-bottom:2px solid #a81010;color:#a81010;font-size:24px;font-weight:900;letter-spacing:1px;text-shadow:2px 2px 4px #a8101033}@media screen and (max-width:1023px){.battle-year{border-bottom:none!important}}.battle-year{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a81010,#d35400);-webkit-background-clip:text;background-clip:text;position:relative;transition:all .3s ease}.battle-description,.leader-description{color:#444;flex-grow:1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:15px;line-height:1.7;margin:0!important;padding:0!important;text-align:justify;text-shadow:.5px .5px 1px #00000080!important}.leader-birth{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2c3e50,#34495e);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:14px;font-weight:600;transition:all .3s ease}.leader-left:before{margin-bottom:8px}.leader-left:before,.leader-right:after{color:#a81010;display:block;font-size:18px;font-weight:800;letter-spacing:1px;text-shadow:1px 1px 2px #0000001a;text-transform:uppercase}.leader-right:after{margin-top:8px}@media(max-width:768px){.leader-grid{gap:20px;grid-template-columns:1fr}.leader-card{flex-direction:column;gap:18px;padding:18px}.leader-right{border-left:none;border-top:2px solid #a81010;padding-left:0;padding-top:18px}.leader-right:before{left:50%;top:-6px;transform:translateX(-50%)}}@media(max-width:480px){.leader-page{padding:0}.leader-grid{gap:15px}.leader-card{padding:15px}}.thongtincuocchien{align-items:center;background-color:#a81010;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:50px 20px;width:100%}.search-form{align-items:center;display:flex;gap:10px}.form-search-mobile{display:flex;flex-direction:column;gap:12px;padding:15px}.form-search-mobile .form-search-mobile-input{display:flex;gap:8px}.form-search-mobile .form-search-mobile-input .select-custom,.form-search-mobile .form-search-mobile-input input{height:40px}.form-search-mobile .form-search-mobile-input input{flex:1 1 auto}.form-search-mobile .form-search-mobile-input .select-custom{width:121px}.form-search-mobile .form-search-mobile-sub{width:100%}.form-search-mobile .form-search-mobile-sub .custom-button{border-radius:8px;font-weight:700;padding:20px 0!important;text-align:center;width:100%}.thongtinchiensihysinh{margin-top:60px}@media screen and (max-width:1024px){.thongtinchiensihysinh{margin-top:40px}}.font-kodchasan{font-family:Kodchasan,sans-serif}.font-dancing{font-family:Dancing Script,cursive}
/*# sourceMappingURL=main.92468056.css.map*/