.landing-bg{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.bg-img{position:absolute;top:0;height:100vh;width:50vw;object-fit:cover;pointer-events:none;user-select:none}.bg-img.left{left:0}.bg-img.right{right:0}.landing-container{display:flex;width:100vw;height:100vh;min-height:600px;overflow:hidden;position:relative;z-index:2;background:rgba(0,0,0,0)}.landing-split{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;position:relative;transition:filter .3s,flex .4s cubic-bezier(0.6, 0.1, 0.33, 1.07),opacity .3s;background:rgba(0,0,0,0) !important}.landing-container.hover-samp .landing-split.gtav{opacity:.52;filter:brightness(0.74) blur(0.5px);z-index:1}.landing-container.hover-gtav .landing-split.samp{opacity:.52;filter:brightness(0.74) blur(0.5px);z-index:1}.landing-split:hover,.landing-split.active{filter:brightness(1.07) saturate(1.08);z-index:2;flex:1.15}.landing-content{position:relative;z-index:2;text-align:center;padding:0;width:100%;display:flex;justify-content:center}.landing-content-box{display:flex;flex-direction:column;align-items:center;gap:18px;max-width:480px;margin:5px 0 0 0;padding:36px 32px 32px 32px;border-radius:32px;box-shadow:0 6px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.landing-content-box.left-box{background:rgba(45,94,65,.42)}.landing-content-box.right-box{background:rgba(94,45,65,.42)}.landing-title{font-size:2.2rem;font-weight:800;letter-spacing:1.4px;margin-bottom:8px;text-shadow:0 4px 16px rgba(0,0,0,.6666666667),0 1px 2px #18445e;color:#fff;line-height:1.12}.landing-desc{font-size:1.1rem;margin-bottom:8px;opacity:.93;letter-spacing:.5px;color:#eaf6fc;text-shadow:0 2px 10px rgba(0,0,0,.4666666667);line-height:1.35}.landing-btn{margin-top:12px;padding:16px 38px;font-size:1.2rem;font-weight:700;background:#fff;color:#196eb5;border:none;border-radius:32px;cursor:pointer;box-shadow:0 8px 24px 0 rgba(0,0,0,.2);transition:background .18s,color .18s,transform .15s}.landing-btn:hover{background:#196eb5;color:#fff;transform:translateY(-2px) scale(1.04)}.landing-slogan{position:absolute;top:50px;left:50%;transform:translateX(-50%);z-index:20;width:100%;text-align:center;pointer-events:none;animation:slogan-fadein 1.2s cubic-bezier(0.86, 0.01, 0.25, 1) both}.landing-slogan span{display:inline-block;font-size:2.2rem;font-weight:900;color:#fff;letter-spacing:2px;text-shadow:0 4px 32px rgba(0,0,0,.6),0 1px 2px #18445e;padding:16px 40px;border-radius:32px;background:rgba(22,36,56,.4);backdrop-filter:blur(1px);user-select:none;opacity:.95;box-shadow:0 8px 28px rgba(0,0,0,.2)}@keyframes slogan-fadein{from{opacity:0;transform:translate(-50%, -40px) scale(0.96);filter:blur(6px)}to{opacity:1;transform:translate(-50%, 0) scale(1);filter:blur(0)}}@media(max-width: 900px){.landing-container{flex-direction:column}.bg-img{width:100vw;height:50vh}.bg-img.left{top:0;left:0}.bg-img.right{top:50vh;right:0}.landing-split{min-height:40vh}.landing-content-box{margin:48px 0 0 0;max-width:95vw;padding:24px 12px 20px 12px}.landing-slogan{font-size:1.1rem;top:15px;padding:8px 12px}.landing-slogan span{font-size:1.2rem;padding:8px 16px}}
