.dn-trang{position:fixed;inset:0;z-index:50;overflow:auto;display:grid;place-items:center;padding:24px;background:#a8bf86;font-family:Be Vietnam Pro,system-ui,Segoe UI,Arial,sans-serif;color:#27301a;-webkit-font-smoothing:antialiased}.dn-trang *,.dn-trang :after,.dn-trang :before{box-sizing:border-box}.dn-trang button,.dn-trang input{font:inherit}.dn-trang button{cursor:pointer}.dn-canh{--tha:260px;position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 18% 20%,rgb(250 253 240/72%),transparent 55%),linear-gradient(#b9d29a,#dbe8c4 45%,#d9e6cc 72%,#a8bf86)}.dn-canh:before{background:radial-gradient(ellipse at 82% 14%,rgb(80 110 70/18%),transparent 52%),linear-gradient(#07100b,#0e1c14 49%,#16281d 74%,#08120c);opacity:0}.dn-canh:after,.dn-canh:before{position:absolute;inset:0;content:"";transition:opacity 1.4s ease}.dn-canh:after{z-index:3;background:linear-gradient(118deg,transparent 9%,rgb(255 255 255/15%) 10%,rgb(255 255 255/2%) 34%,transparent 35%,transparent 69%,rgb(255 255 255/9%) 70%,transparent 88%);pointer-events:none}.dn-dem .dn-canh:before{opacity:1}.dn-dem .dn-canh:after{opacity:.18}.dn-nen{position:fixed;z-index:0;pointer-events:none}.dn-sao{position:absolute;z-index:1;top:0;left:0;width:2px;height:2px;border-radius:50%;opacity:0;transition:opacity 1.4s ease;box-shadow:40px 30px #fff,120px 80px #e9f5df,210px 40px #fff,300px 100px #e9f5df,90px 150px #fff,260px 170px #fff,360px 30px #e9f5df,170px 120px #fff,20px 90px #fff,330px 160px #fff}.dn-dem .dn-sao{opacity:.8}.dn-troi{position:absolute;z-index:1;inset:0;clip-path:polygon(0 0,100% 0,100% 52%,0 52%)}.dn-mattroi,.dn-trang-khuyet{position:absolute;z-index:1;width:54px;height:54px;border-radius:50%}.dn-mattroi{top:15%;left:23%;background:radial-gradient(circle at 35% 30%,#fffdf0,#fbe8b0 60%,#f0cf7c);box-shadow:0 0 35px 12px rgb(255 232 150/30%);transition:transform 1.1s cubic-bezier(.4,0,.2,1) .3s}.dn-trang-khuyet{top:14%;right:19%;background:radial-gradient(circle at 35% 30%,#fbfff4,#dbe9d3 65%,#b9ccb2);box-shadow:0 0 30px 8px rgb(210 235 220/22%);transform:translate(-24px,var(--tha));transition:transform 1.1s cubic-bezier(.4,0,.2,1)}.dn-dem .dn-mattroi{transform:translate(26px,var(--tha));transition-delay:0s}.dn-dem .dn-trang-khuyet{transform:translate(0);transition-delay:.35s}.dn-dat{position:absolute;z-index:2;inset:0;width:100%;height:100%;transition:opacity 1.4s ease}.dn-dat.ngay{opacity:1}.dn-dat.dem,.dn-dem .dn-dat.ngay{opacity:0}.dn-dem .dn-dat.dem{opacity:1}.dn-nui-xa{fill:#a9bd88}.dn-nui-gan{fill:#86a062}.dn-doi{fill:#647f42}.dn-cay{fill:#4a6030}.dn-nui-gan,.dn-nui-xa{stroke:rgb(255 255 255/55%);stroke-width:1.2}.dn-ho{fill:url(#dn-ho-ngay)}.dem .dn-nui-xa{fill:#34493a}.dem .dn-nui-gan{fill:#25372c}.dem .dn-doi{fill:#1a291f}.dem .dn-cay{fill:#121d15}.dem .dn-nui-gan,.dem .dn-nui-xa{stroke:rgb(190 220 200/28%)}.dem .dn-ho{fill:url(#dn-ho-dem)}.dn-the{position:relative;z-index:1;display:grid;grid-template-columns:43% 57%;width:min(860px,100%);min-height:480px;padding:12px;overflow:hidden;border:1px solid rgb(255 255 255/68%);border-radius:32px;background:rgb(247 251 240/40%);backdrop-filter:blur(28px) saturate(135%);box-shadow:0 32px 90px rgb(40 55 20/24%),0 8px 24px rgb(40 55 20/10%),inset 0 1px 0 rgb(255 255 255/90%);transition:background-color .7s ease,border-color .7s ease,box-shadow .7s ease}.dn-the:before{position:absolute;inset:0;background:linear-gradient(125deg,rgb(255 255 255/24%),transparent 35%,transparent 65%,rgb(255 255 255/8%));content:"";pointer-events:none;transition:opacity 1.4s ease}.dn-dem .dn-the{border-color:rgb(200 228 205/16%);background-color:rgb(5 13 8/72%);box-shadow:0 32px 90px rgb(0 5 2/58%),0 8px 24px rgb(0 5 2/32%),inset 0 1px 0 rgb(220 245 225/12%)}.dn-dem .dn-the:before{opacity:.2}.dn-ngan-canh{position:relative;min-height:456px;overflow:hidden;border:1px solid rgb(255 255 255/58%);border-radius:22px;background:#1f3a22;box-shadow:0 8px 24px rgb(20 40 15/14%),inset 0 0 0 1px rgb(255 255 255/18%)}.dn-ngan-canh:after{position:absolute;z-index:3;inset:0;background:linear-gradient(transparent 36%,rgb(8 22 10/16%) 53%,rgb(8 22 10/74%));content:"";pointer-events:none}.dn-dem .dn-ngan-canh{border-color:rgb(170 210 180/15%)}.dn-loi-chao{position:absolute;z-index:4;top:75%;left:50%;width:min(82%,260px);color:#fff;text-align:center;transform:translate(-50%,-50%);text-shadow:0 2px 12px rgb(0 10 5/28%)}.dn-loi-chao h2{margin:0 0 14px;font-size:clamp(20px,2.5vw,25px);font-weight:700;line-height:1.2}.dn-loi-chao p{margin:0;font-size:13px;line-height:1.5}.dn-ngan-form{position:relative;display:flex;align-items:center;padding:40px clamp(28px,4vw,46px) 34px;border-radius:22px;background:rgb(255 255 255/12%);transition:background-color .7s ease}.dn-dem .dn-ngan-form{background-color:rgb(4 12 7/32%)}.dn-form{width:100%}.dn-logo{display:block;width:150px;height:auto;margin:0 auto 8px;transition:filter .7s ease}.dn-dem .dn-logo{filter:brightness(0) invert(.93)}.dn-tieu-de{margin:0 0 30px;color:#27301a;font-size:28px;font-weight:700;letter-spacing:-.5px;text-align:center;transition:color .7s ease}.dn-dem .dn-tieu-de{color:#f4f8ee}.dn-o{position:relative;margin-bottom:16px}.dn-o input{display:block;width:100%;height:52px;padding:0 16px;border:1px solid rgb(255 255 255/78%);border-radius:14px;outline:none;background:rgb(255 255 255/40%);color:#27301a;font-size:14px;box-shadow:inset 0 1px 1px rgb(255 255 255/50%),0 4px 12px rgb(40 55 20/4%);transition:background-color .7s ease,color .7s ease,border-color .7s ease,box-shadow .16s ease}.dn-o input::-moz-placeholder{color:#6b7556;-moz-transition:color .7s ease;transition:color .7s ease}.dn-o input::placeholder{color:#6b7556;transition:color .7s ease}.dn-o input:focus{border-color:#93a566;box-shadow:0 0 0 3px rgb(147 165 102/25%),inset 0 1px 0 rgb(255 255 255/70%)}.dn-o.mk input{padding-right:46px}.dn-dem .dn-o input{border-color:rgb(200 230 205/23%);background-color:rgb(14 28 18/56%);color:#f4f8ee}.dn-dem .dn-o input::-moz-placeholder{color:#b9c8b2}.dn-dem .dn-o input::placeholder{color:#b9c8b2}.dn-dem .dn-o input:focus{border-color:#b4c98a;box-shadow:0 0 0 3px rgb(180 201 138/20%)}.dn-dem #dn-mk{color:transparent;-webkit-text-fill-color:transparent;caret-color:#eaf4dc}.dn-dem #dn-mk::-moz-placeholder{-webkit-text-fill-color:#b9c8b2}.dn-dem #dn-mk::placeholder{-webkit-text-fill-color:#b9c8b2}.dn-mat{position:absolute;top:50%;right:7px;display:grid;width:35px;height:35px;place-items:center;border:0;border-radius:10px;background:transparent;color:#3b4a1b;transform:translateY(-50%)}.dn-mat svg{width:18px;height:18px;transition:opacity .7s ease}.dn-mat[aria-pressed=true] svg.mat{opacity:0}.dn-dem .dn-mat{color:#eaf4dc}.dn-nho-mk{margin:0 0 22px;color:#5a6340;font-size:13px;text-align:right;transition:color .7s ease}.dn-dem .dn-nho-mk{color:#c9d3b0}.dn-gui{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;border:1px solid rgb(255 255 255/32%);border-radius:14px;background:linear-gradient(135deg,#4a5d24,#3b4a1b);color:#fff;font-size:14px;font-weight:600;box-shadow:0 8px 20px rgb(59 74 27/25%),inset 0 1px 0 rgb(255 255 255/22%);transition:transform .18s ease,box-shadow .18s ease}.dn-gui svg{width:17px;height:17px;transition:transform .18s ease}.dn-gui:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgb(59 74 27/32%),inset 0 1px 0 rgb(255 255 255/30%)}.dn-gui:hover svg{transform:translateX(3px)}.dn-gui:active{transform:translateY(0)}.dn-thong-bao{margin-bottom:14px}.dn-ban-mau{margin:0 0 14px;padding:8px 12px;border-radius:10px;background:rgb(253 240 200/85%);color:#7a5a00;font-size:12px;text-align:center}.dn-an{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dn-che-do{position:absolute;z-index:3;top:14px;right:16px;display:flex;gap:2px;padding:3px;border:1px solid rgb(255 255 255/70%);border-radius:999px;background:rgb(255 255 255/55%);font-size:12px;transition:background-color .7s ease,border-color .7s ease}.dn-che-do button{padding:4px 12px;border:0;border-radius:999px;background:transparent;color:#3b4a1b;font-weight:600;transition:background-color .3s ease,color .3s ease}.dn-che-do button[aria-pressed=true]{background:#3b4a1b;color:#fff}.dn-dem .dn-che-do{border-color:rgb(200 230 205/22%);background:rgb(14 28 18/65%)}.dn-dem .dn-che-do button{color:#eaf4dc}.dn-dem .dn-che-do button[aria-pressed=true]{background:#93a566;color:#14200a}.dn-cu{position:absolute;z-index:2;left:12px;bottom:calc(100% - 3px);width:50px;height:58px;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 4px rgb(0 0 0/30%));transition:opacity .22s ease}.dn-cu svg{width:100%;height:100%;overflow:visible}.dn-cu .dau{transform-origin:25px 28px;transform:translate(var(--cu-dx,0),var(--cu-dy,0)) rotate(var(--cu-nghieng,0deg));transition:transform .42s cubic-bezier(.2,.8,.2,1)}.dn-cu .nhin{transform:translate(var(--cu-nx,0),var(--cu-ny,0));transition:transform .26s ease-out}.dn-cu.sang .than{animation:dn-tho 3.6s ease-in-out infinite;transform-origin:25px 55px}.dn-cu.sang .mat-cu{animation:dn-chop 5.8s ease-in-out infinite;transform-origin:25px 24px}@keyframes dn-tho{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.018,1.025)}}@keyframes dn-chop{0%,40%,44%,87%,91%,to{transform:scaleY(1)}42%,89%{transform:scaleY(.08)}}.dn-tia{position:fixed;z-index:55;pointer-events:none;filter:blur(12px);transform-origin:0 50%}.dn-tia:before{position:absolute;inset:0;background:linear-gradient(90deg,rgb(255 233 168/75%),rgb(255 226 152/56%) 16%,rgb(255 220 146/32%) 35%,rgb(255 212 135/14%) 55%,rgb(255 207 130/4%) 75%,transparent);clip-path:polygon(0 49%,100% 0,100% 100%,0 51%);content:""}.dn-mk-hien{position:fixed;z-index:56;overflow:hidden;color:#f0f8e6;font:14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;pointer-events:none}.dn-mk-hien>span{position:absolute;top:0;left:17px;display:block;height:52px;line-height:52px;white-space:pre}.dn-mk-hien .ky-tu{--lit:0;position:relative;display:inline-block;width:1ch;height:100%;vertical-align:top}.ky-tu .che,.ky-tu .thuc{position:absolute;inset:0;text-align:center;transition:opacity 90ms linear}.ky-tu .che{opacity:calc(1 - var(--lit));color:#f4f8ee}.ky-tu .thuc{opacity:var(--lit)}.dn-den-pin{position:fixed;z-index:57;display:grid;width:34px;height:34px;place-items:center;pointer-events:none;filter:drop-shadow(0 0 8px rgb(255 240 150/80%));transform-origin:center}.dn-den-pin svg{width:33px;height:33px}.dn-den-pin,.dn-mk-hien,.dn-tia{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s}.dn-dem .dn-den-pin,.dn-dem .dn-mk-hien,.dn-dem .dn-tia{opacity:1;visibility:visible;transition-delay:0s}.dn-trang :focus-visible{outline:3px solid #93a566;outline-offset:3px}@media (max-width:640px){.dn-trang{padding:14px;place-items:start center}.dn-the{grid-template-columns:1fr;width:min(430px,100%);padding:10px;border-radius:26px}.dn-ngan-canh{min-height:190px;border-radius:18px}.dn-loi-chao{top:62%;width:min(88%,340px)}.dn-loi-chao h2{margin-bottom:6px;font-size:20px}.dn-loi-chao p{font-size:11px}.dn-ngan-form{padding:30px 20px 26px}}@media (prefers-reduced-motion:reduce){.dn-trang *,.dn-trang :after,.dn-trang :before{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.dn-the{background-color:rgb(240 247 230/95%)}.dn-dem .dn-the{background-color:rgb(6 14 9/97%)}}