body,html{margin:0;padding:0;width:100%;height:100%;background-color:#000;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}#custom-loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.loader-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://hoathinhgau.com/cau-ca-van-can/bg/bg_maps.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1;filter:brightness(.7)}.loader-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;justify-content:center;align-items:center;pointer-events:none}.layer-finished{position:relative;width:100%;max-width:900px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;pointer-events:auto}#mask-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;transition:clip-path .8s cubic-bezier(.2,.8,.2,1);clip-path:inset(0 0 0 0%);display:flex;justify-content:center;align-items:center}.black-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:-1}.content-wrapper{width:100%;max-width:900px;height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#666}.social-title{font-size:2.2rem;font-weight:900;letter-spacing:4px;margin-bottom:40px;text-transform:uppercase;white-space:nowrap}.social-icons{display:flex;gap:50px;justify-content:center;margin-bottom:30px}.icon{font-size:4rem;text-decoration:none;display:flex;justify-content:center;align-items:center;width:90px;height:90px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.progress-bar-container{width:100%;height:4px;background:#ffffff1a;border-radius:2px;margin-top:30px;position:relative;overflow:hidden}.progress-bar{height:100%;border-radius:2px}.layer-finished .social-title{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6),0 0 20px rgba(255,215,0,.4),2px 2px 4px rgba(0,0,0,.8)}.layer-finished .icon.discord{color:#5865f2;filter:drop-shadow(0 0 10px #5865F2)}.layer-finished .icon.facebook{color:#1877f2;filter:drop-shadow(0 0 10px #1877F2)}.layer-finished .icon.youtube{color:red;filter:drop-shadow(0 0 10px #FF0000)}.layer-finished .icon.tiktok{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.layer-finished .icon:hover{transform:scale(1.2) translateY(-5px);filter:brightness(1.3) drop-shadow(0 0 20px currentColor)}.layer-finished .progress-bar.full{background:#0f8;width:100%;box-shadow:0 0 15px #0f8}.layer-loading .social-title{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.8);opacity:1}.layer-loading .icon.white{color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.9))}.layer-loading .progress-bar.active{width:100%;background:#fff;box-shadow:0 0 15px #fffc}.loading-text{margin-top:20px;font-size:16px;letter-spacing:2px;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5);font-weight:400;font-family:monospace}@media (max-width: 768px){.social-title{font-size:1.5rem;letter-spacing:2px}.icon{font-size:2.5rem;width:60px;height:60px;gap:25px}.social-icons{gap:20px}.layer-finished,.content-wrapper{max-width:90%;height:auto;min-height:400px}}