body,html{height:100%;margin:0}.split-screen{display:flex;height:100vh;overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.link,.snap{font-family:Verdana,Geneva,Tahoma,sans-serif}.left-side,.right-side{width:50%;display:flex;justify-content:center;align-items:center;padding:2rem}.left-side{background:linear-gradient(135deg,#007bff 0,#00c6ff 100%);color:#fff;flex-direction:column;gap:3rem;position:relative}.right-side{background:#f8f9fa;color:#333;flex-direction:column;text-align:center;box-shadow:inset 4px 0 15px -7px rgba(0,0,0,.2)}.loader{position:relative;width:170px;height:170px;z-index:2}.loader-circle{box-sizing:border-box;position:absolute;inset:0;border:12px solid transparent;border-top-color:#fff;border-radius:50%;animation:1.5s linear infinite spin}.loader-circle:nth-child(2){border:12px solid transparent;border-bottom-color:rgba(255 255 255 / .7);animation-direction:reverse;animation-duration:1.8s}.loader-text{font-size:1.4rem;font-weight:600;text-shadow:0 0 8px rgba(0,0,0,.2);z-index:2;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}.loader-logo{position:absolute;top:50%;left:50%;width:120px;transform:translate(-50%,-50%);z-index:3;pointer-events:none;border-radius:10px;background:0 0;padding:2px}.loader-logo img{max-width:100%;max-height:100%;display:block}@media (max-width:768px){.split-screen{flex-direction:column}.left-side,.right-side{width:100%;height:50vh}}.infographic{max-height:100%;width:auto;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1)}.p-0{padding:5px!important}.snap{color:#e47718}.link{color:#5576ff}