.national-entry{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,#0d653f 0,#063d27 35%,#02160e 78%);color:#fff;transition:opacity .9s ease,visibility .9s ease}.national-entry.is-leaving{opacity:0;visibility:hidden}.national-entry.is-hidden{display:none}.national-entry:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.055) 42%,transparent 58%);transform:translateX(-120%);animation:nationalShine 3.8s ease-in-out .5s infinite}.national-entry:after{content:"";position:absolute;inset:0;opacity:.12;background-image:radial-gradient(circle at center,transparent 0 38%,#000 100%),repeating-linear-gradient(45deg,transparent 0 2px,rgba(255,255,255,.025) 2px 3px)}#nationalCanvas{position:absolute;inset:0;width:100%;height:100%}.national-content{position:relative;z-index:3;text-align:center;padding:2rem;animation:nationalReveal 1.1s cubic-bezier(.2,.8,.2,1) both}.national-date{width:82px;height:82px;margin:0 auto 1.4rem;border:1px solid rgba(255,255,255,.28);border-radius:50%;display:grid;place-content:center;background:rgba(255,255,255,.045);backdrop-filter:blur(10px);box-shadow:0 0 0 10px rgba(255,255,255,.025)}.national-date span{font:900 2rem/1 var(--display)}.national-date b{font-size:.62rem;letter-spacing:.08em;color:#b7ebd0}.national-content>p{margin:0;color:#b9e8d1;font-size:.82rem;font-weight:700;letter-spacing:.08em}.national-content h2{font-size:clamp(4.7rem,11vw,10rem);letter-spacing:-.07em;margin:.35rem 0 .9rem;line-height:.79;text-shadow:0 24px 80px rgba(0,0,0,.3)}.national-content h2 em{display:inline-block;margin-top:.18em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7);font-style:normal}.national-line{display:flex;align-items:center;justify-content:center;gap:.85rem;color:#d9f7e7;font-size:.74rem}.national-line span{width:48px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45))}.national-line span:last-child{transform:scaleX(-1)}.national-enter{margin-top:2rem;min-height:50px;padding:0 1.25rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;backdrop-filter:blur(12px);transition:.3s}.national-enter:hover{background:#fff;color:#074329;transform:translateY(-2px)}.national-enter span{margin-right:.7rem}.national-skip{position:absolute;z-index:5;top:max(1.2rem,env(safe-area-inset-top));left:max(1.2rem,env(safe-area-inset-left));border:0;background:transparent;color:rgba(255,255,255,.72);font-size:.75rem;cursor:pointer}.national-progress{position:absolute;z-index:4;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.08)}.national-progress i{display:block;height:100%;background:#fff;transform-origin:right;animation:nationalProgress 7s linear forwards}.national-rings{position:absolute;inset:0;display:grid;place-items:center;perspective:800px}.national-rings i{position:absolute;width:min(72vw,760px);aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%;animation:nationalOrbit 16s linear infinite}.national-rings i:nth-child(2){width:min(54vw,570px);transform:rotateX(68deg);animation-duration:12s;animation-direction:reverse}.national-rings i:nth-child(3){width:min(88vw,920px);transform:rotateY(65deg);animation-duration:22s}.national-entry~*{transition:filter .8s}.national-entry:not(.is-leaving):not(.is-hidden)~*{filter:blur(6px)}@keyframes nationalReveal{from{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:none}}@keyframes nationalProgress{to{transform:scaleX(0)}}@keyframes nationalShine{50%,100%{transform:translateX(120%)}}@keyframes nationalOrbit{to{transform:rotate(360deg)}}@media(max-width:700px){.national-content h2{font-size:clamp(4.5rem,23vw,7rem)}.national-rings i{width:115vw}.national-rings i:nth-child(2){width:88vw}.national-line span{width:24px}}@media(prefers-reduced-motion:reduce){.national-entry:before,.national-content,.national-progress i,.national-rings i{animation:none!important}}