.vietnam-banner{position:relative;background:linear-gradient(135deg,#da251d,#b91c1c,#da251d);border-radius:1rem;padding:2rem;margin-bottom:2rem;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center}.floating-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.star{position:absolute;color:#ff0;font-size:1.5rem;animation:float 6s ease-in-out infinite;opacity:.7}.star-1{top:10%;left:10%;animation-delay:0s}.star-2{top:20%;right:15%;animation-delay:1s}.star-3{bottom:30%;left:15%;animation-delay:2s}.star-4{bottom:15%;right:10%;animation-delay:3s}.star-5{top:50%;left:5%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.flag-container{position:absolute;top:10px;right:20px;z-index:2}.flag-pole{width:3px;height:60px;background:#8b5cf6;position:relative}.vietnam-flag{position:absolute;top:0;left:3px;width:40px;height:30px;animation:wave 3s ease-in-out infinite;transform-origin:left center}.flag-red-bg{width:100%;height:100%;background:#da251d;border-radius:2px;position:relative;display:flex;align-items:center;justify-content:center}.flag-star{color:#ff0;font-size:1rem;animation:starPulse 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotateY(0)}50%{transform:rotateY(-15deg)}}@keyframes starPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.5)}}.banner-content{position:relative;z-index:3;width:100%}.national-symbols{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.symbol-flag{font-size:3rem;animation:bounce 2s ease-in-out infinite}.symbol-star{font-size:3rem;animation:rotate 4s linear infinite}.golden-star{filter:drop-shadow(0 0 10px #FFFF00)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-title{color:#fff;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;gap:.5rem}.title-line{font-size:2rem;animation:slideInLeft 1s ease-out}.title-highlight{font-size:2.5rem;color:#ff0;animation:slideInRight 1s ease-out .3s both;text-shadow:0 0 20px #FFFF00}.country-name{font-size:1.5rem;font-weight:600;color:#ff0;margin-bottom:1rem;animation:fadeInUp 1s ease-out .6s both;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.date-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;font-weight:700;color:#fff}.date-year{font-size:1.25rem;padding:.5rem 1rem;border-radius:.5rem;animation:pulse 2s ease-in-out infinite}.historic{background:#ff03;border:2px solid #FFFF00;animation-delay:0s}.current{background:#fff3;border:2px solid white;animation-delay:1s}.date-separator{font-size:1.5rem;color:#ff0;animation:glow 2s ease-in-out infinite}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{text-shadow:0 0 5px #FFFF00}50%{text-shadow:0 0 20px #FFFF00,0 0 30px #FFFF00}}.national-motto{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ff0;font-weight:700;font-size:1.25rem;animation:fadeInUp 1s ease-out .9s both}.motto-icon{width:1.5rem;height:1.5rem;animation:sparkle 2s ease-in-out infinite}.motto-text{text-shadow:0 0 10px #FFFF00;letter-spacing:2px}@keyframes sparkle{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.8)}}.fireworks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.firework{position:absolute;width:6px;height:6px;border-radius:50%;animation:fireworkExplode 3s ease-out infinite}.firework-1{top:20%;left:20%;background:#ff0;animation-delay:0s}.firework-2{top:30%;right:25%;background:#ff6b6b;animation-delay:1s}.firework-3{bottom:25%;left:30%;background:#4ecdc4;animation-delay:2s}@keyframes fireworkExplode{0%{transform:scale(0);opacity:1}50%{transform:scale(1);opacity:1}to{transform:scale(4);opacity:0}}.light-rays{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;z-index:1}.ray{position:absolute;top:50%;left:50%;width:2px;height:100px;background:linear-gradient(to top,transparent,#FFFF00,transparent);transform-origin:bottom center;opacity:.3;animation:rayRotate 8s linear infinite}.ray-1{animation-delay:0s}.ray-2{animation-delay:2s}.ray-3{animation-delay:4s}.ray-4{animation-delay:6s}@keyframes rayRotate{0%{transform:translate(-50%,-100%) rotate(0)}to{transform:translate(-50%,-100%) rotate(360deg)}}@media (max-width: 768px){.vietnam-banner{padding:1.5rem;min-height:250px}.title-line{font-size:1.5rem}.title-highlight{font-size:2rem}.country-name{font-size:1.2rem}.national-symbols{gap:.5rem}.symbol-flag,.symbol-star{font-size:2.5rem}.motto-text{font-size:1rem;letter-spacing:1px}}@media (max-width: 480px){.vietnam-banner{padding:1rem;min-height:200px}.title-line{font-size:1.2rem}.title-highlight{font-size:1.5rem}.country-name{font-size:1rem}.symbol-flag,.symbol-star{font-size:2rem}.date-year{font-size:1rem;padding:.3rem .6rem}.motto-text{font-size:.9rem}}