.full-screen-bg{position:relative;height:100vh;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;z-index:0}.index-content{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:10}.index-content .tag{padding:8px 18px;margin-bottom:40px;border-radius:9px;font-size:clamp(16px, 1.2vw, 20px);border:1px solid #152033;color:#152033;font-weight:600;background:rgba(255,255,255,.1);backdrop-filter:blur(4px)}.index-content .title-top{margin-bottom:35px;color:#152033;text-align:center;font-family:"Plus Jakarta Sans";font-size:clamp(28px, 5.5vw, 92px);font-weight:800;line-height:1.1;letter-spacing:-1.44px;display:block}.index-content .title-bottom{margin-bottom:40px;color:#0f67fe;text-align:center;font-family:"Plus Jakarta Sans";font-size:clamp(28px, 5.5vw, 92px);font-weight:800;line-height:1.1;letter-spacing:-1.44px;display:block}.handle-video{position:absolute;right:var(--base-margin);bottom:var(--base-margin);display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:16px;cursor:pointer;border:1px solid rgba(15,32,51,.2);background:rgba(255,255,255,.2);box-shadow:0 4px 20px rgba(0,0,0,.08);backdrop-filter:blur(10px);z-index:20;transition:.3s}.handle-video:hover{transform:translateY(-5px);background:rgba(255,255,255,.4);border-color:#0f67fe}.handle-video div{font-weight:700;color:#152033;font-size:15px}.full-screen-bg::before{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:radial-gradient(circle,rgba(15,103,254,.3) 0,transparent 70%);border-radius:50%;animation:2s ease-out infinite ripple;opacity:1;transition:opacity .5s ease-out;z-index:-1}.full-screen-bg::after{content:"";position:absolute;inset:0;background-image:url("../../images/index-bg.png");background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;z-index:-2;transform:scale(1.1);transition:opacity 1s ease-out,transform 1s cubic-bezier(.16, 1, .3, 1)}.full-screen-bg.bg-loaded::before{opacity:0;animation:none}.full-screen-bg.bg-loaded::after{opacity:1;transform:scale(1)}@keyframes ripple{0%{width:100px;height:100px;margin:-50px 0 0 -50px;opacity:1}100%{width:1000px;height:1000px;margin:-500px 0 0 -500px;opacity:0}}