*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--purple-deep: #0d0020;--purple-bright: #7b2fff;--purple-glow: #b06dff;--pink-hot: #e040fb;--gold: #ffd700;--gold-soft: #ffb347;--teal: #00e5cc}html,body{height:100%;font-family:Nunito,sans-serif;background:var(--purple-deep);color:#fff;overflow:hidden}#stars-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.nebula{position:fixed;border-radius:50%;filter:blur(100px);opacity:.15;pointer-events:none;animation:drift 16s ease-in-out infinite alternate}.nebula-1{width:600px;height:500px;background:#7b2fff;top:-10%;left:-15%;animation-delay:0s}.nebula-2{width:500px;height:450px;background:#e040fb;bottom:-10%;right:-12%;animation-delay:-6s}.nebula-3{width:350px;height:300px;background:#00e5cc;top:40%;left:40%;animation-delay:-10s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.page{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2.5rem}.logo-wrap{text-align:center;animation:fade-down .7s ease both}.logo-star{font-size:3rem;display:block;margin-bottom:.5rem;animation:spin-slow 8s linear infinite;filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}@keyframes spin-slow{to{transform:rotate(360deg)}}.logo-title{font-family:Spectral,Georgia,Times New Roman,serif;font-size:clamp(1.8rem,5vw,3rem);font-weight:900;background:linear-gradient(135deg,gold,#ffb347 40%,#e040fb 75%,#b06dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-.01em;animation:title-glow 4s ease-in-out infinite alternate}@keyframes title-glow{0%{filter:brightness(1)}to{filter:brightness(1.2) drop-shadow(0 0 20px rgba(224,64,251,.3))}}.logo-sub{font-size:.9rem;color:#fff6;letter-spacing:.15em;text-transform:uppercase;margin-top:.4rem}.select-prompt{font-size:.85rem;color:#ffffff59;letter-spacing:.1em;text-transform:uppercase;animation:fade-up .7s .2s ease both}.regions{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;animation:fade-up .7s .35s ease both}.region-card{position:relative;width:210px;background:linear-gradient(145deg,#2d0060a6,#0d0020d9);border:1px solid rgba(176,109,255,.25);border-radius:1.75rem;padding:2.25rem 1.5rem 1.75rem;text-align:center;cursor:pointer;text-decoration:none;color:#fff;transition:all .3s;backdrop-filter:blur(14px);overflow:hidden}.region-card:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(123,47,255,.15),transparent 70%);opacity:0;transition:opacity .3s}.region-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--card-grad);transform:scaleX(0);transform-origin:left;transition:transform .35s;border-radius:0 0 1.75rem 1.75rem}.region-card:hover{transform:translateY(-10px) scale(1.03);border-color:#b06dff8c;box-shadow:0 24px 60px #00000073,0 0 40px var(--card-glow)}.region-card:hover:before{opacity:1}.region-card:hover:after{transform:scaleX(1)}.card-br{--card-grad: linear-gradient(90deg, #009c3b, #ffdf00);--card-glow: rgba(0, 156, 59, .2)}.card-en{--card-grad: linear-gradient(90deg, #7b2fff, #e040fb);--card-glow: rgba(123, 47, 255, .2)}.card-vn{--card-grad: linear-gradient(90deg, #da251d, #ffcd00);--card-glow: rgba(218, 37, 29, .2)}.region-flag{font-size:3.8rem;display:block;margin-bottom:1rem;line-height:1;transition:transform .3s;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.region-card:hover .region-flag{transform:scale(1.12) translateY(-4px)}.region-name{font-family:Spectral,Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700;color:var(--gold-soft);margin-bottom:.3rem;letter-spacing:.04em}.region-lang{font-size:.78rem;color:#fff6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.1rem}.region-enter{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;color:#ffffff4d;transition:color .3s;letter-spacing:.05em}.region-card:hover .region-enter{color:#ffffffbf}.enter-arrow{transition:transform .3s}.region-card:hover .enter-arrow{transform:translate(4px)}@keyframes fade-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.region-card:nth-child(1){animation:fade-up .5s .45s ease both}.region-card:nth-child(2){animation:fade-up .5s .6s ease both}.region-card:nth-child(3){animation:fade-up .5s .75s ease both}.footer-note{position:fixed;bottom:1.25rem;left:0;right:0;text-align:center;font-size:.75rem;color:#fff3;letter-spacing:.06em;z-index:1;animation:fade-up .7s 1s ease both}@media(max-width:680px){.regions{flex-direction:column;align-items:center;gap:1rem}.region-card{width:100%;max-width:300px;padding:1.75rem 1.25rem 1.5rem}html,body{overflow-y:auto}.page{height:auto;min-height:100vh;padding:6rem 1.5rem 4rem}}