.elementor-1025 .elementor-element.elementor-element-402179d{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-5ba0c09 *//* TỔNG THỂ TRANG */
.wow-methodology { font-family: 'Be Vietnam Pro', sans-serif; color: #fff; overflow: hidden; position: relative; }

/* 1. HỆ THỐNG ÁNH SÁNG NỀN */
.glow-point { position: fixed; width: 60vw; height: 60vw; border-radius: 50%; filter: blur(120px); z-index: -2; opacity: 0.15; }
.p1 { top: -10%; left: -10%; background: radial-gradient(circle, #2563eb, transparent); }
.p2 { bottom: -10%; right: -10%; background: radial-gradient(circle, #f472b6, transparent); }
.p3 { top: 40%; left: 30%; background: radial-gradient(circle, #8b5cf6, transparent); }

/* 2. HERO CỰC ĐẠI */
.method-hero-3d { height: 100vh; display: flex; align-items: center; justify-content: center; position: relative; }
.mega-title { font-size: clamp(3rem, 10vw, 8rem); font-weight: 900; line-height: 0.85; letter-spacing: -4px; text-align: center; }
.hero-desc { max-width: 600px; text-align: center; color: #94a3b8; font-size: 1.2rem; margin-top: 30px; }

/* 3. ĐƯỜNG ỐNG DỮ LIỆU (THE PIPELINE) */
.verification-pipeline { position: relative; max-width: 1152px; margin: 0 auto; padding: 100px 20px; }
.pipeline-track { 
    position: absolute; top: 0; left: 50%; width: 2px; height: 100%; 
    background: linear-gradient(to bottom, transparent, #60a5fa, #f472b6, transparent); 
    transform: translateX(-50%); opacity: 0.3;
}

/* 4. CARD KÍNH SIÊU MỜ */
.step-card { 
    width: 450px; padding: 50px; border-radius: 40px !important; 
    background: rgba(10, 10, 18, 0.4) !important;
    backdrop-filter: blur(40px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    position: relative; transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.step-card:hover { transform: translateY(-15px) scale(1.02); border-color: #60a5fa !important; box-shadow: 0 30px 60px rgba(0,0,0,0.5); }

.pipe-step { display: flex; align-items: center; width: 100%; margin-bottom: 150px; position: relative; }
.pipe-step.left { justify-content: flex-start; }
.pipe-step.right { justify-content: flex-end; }

/* NÚT SÁNG KẾT NỐI */
.light-node { 
    width: 16px; height: 16px; background: #fff; border-radius: 50%; 
    box-shadow: 0 0 20px #60a5fa, 0 0 40px #60a5fa;
    position: absolute; left: 50%; transform: translateX(-50%); z-index: 5;
}

/* 5. PORTAL CUỐI TRANG */
.final-gate { margin-top: 100px; display: flex; justify-content: center; }
.gate-portal { 
    width: 400px; height: 400px; border-radius: 50%; position: relative;
    display: flex; align-items: center; justify-content: center; text-align: center;
}
.portal-ring { 
    position: absolute; inset: 0; border: 2px solid #60a5fa; border-radius: 50%;
    animation: rotate 10s linear infinite; border-style: dashed; opacity: 0.3;
}
@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }/* End custom CSS */