.biometric-section{align-items:center;display:flex;gap:60px;width:100%}.biometric-verification{background-image:url(https://8132552.fs1.hubspotusercontent-na1.net/hubfs/8132552/new-web-2026-images/Hero%201-2.png?width=860&t=1782222163014);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:98px 0}.biometric-verification .biometric-content{color:#fff;width:50%}.biometric-verification .biometric-content h1{color:#fff;font-family:var(--font-main);font-size:48px;font-weight:400;line-height:1.3;margin-bottom:20px}.biometric-verification .biometric-content p{color:hsla(0,0%,100%,.85);font-size:16px;font-weight:300;line-height:1.6;margin-bottom:30px}.biometric-verification .biometric-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.15);padding:26px 30px;text-align:center;width:50%}.biometric-verification .card-title{color:#252525;font-size:28px;font-weight:600;letter-spacing:.5px;margin-bottom:70px}.biometric-verification .biometric-scanner{border-radius:16px;height:200px;margin:0 auto 30px;overflow:visible;position:relative;width:200px}.biometric-verification .scanner-frame{border-radius:12px;bottom:-4px;left:-14px;pointer-events:none;position:absolute;right:-14px;top:-24px}.biometric-verification .scanner-corner{border:2px solid green;border-radius:2px;height:20px;position:absolute;width:20px}.biometric-verification .scanner-corner.top-left{animation-delay:0s;border-bottom:none;border-right:none;left:-10px;top:-10px}.biometric-verification .scanner-corner.top-right{animation-delay:.5s;border-bottom:none;border-left:none;right:-10px;top:-10px}.biometric-verification .scanner-corner.bottom-left{animation-delay:1s;border-right:none;border-top:none;bottom:-10px;left:-10px}.biometric-verification .scanner-corner.bottom-right{animation-delay:1.5s;border-left:none;border-top:none;bottom:-10px;right:-10px}.biometric-verification .biometric-image{height:100%;object-fit:contain;position:relative;width:100%;z-index:1}.biometric-verification .scan-overlay{animation:scanGradient 3s ease-in-out infinite;background:linear-gradient(180deg,rgba(246,247,249,0),rgba(0,255,0,.4) 50%,rgba(246,247,249,0));height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.biometric-verification .scan-line{animation:scanLine 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,#0f0 50%,transparent);box-shadow:0 0 15px rgba(0,255,0,.8);height:2px;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:3}.biometric-verification .scan-light{animation:scanLight 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.biometric-verification .button-group{display:flex;flex-direction:column;gap:15px;margin-top:30px}.biometric-verification .button-group .primary-button{background:linear-gradient(135deg,#3543a0,#4d5ab0);border:none;border-radius:50px;box-shadow:0 4px 15px rgba(53,67,160,.3);color:#fff;cursor:pointer;display:inline-block;font-family:var(--roboto);font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px 30px;text-align:center;text-transform:uppercase;transition:all .3s ease;width:100%}.biometric-verification .button-group .primary-button:hover{box-shadow:0 6px 20px rgba(53,67,160,.4);transform:translateY(-2px)}.biometric-verification .button-group .secondary-button{background:transparent;border:1px solid #0000001a;border-radius:50px;color:#252525;cursor:pointer;font-family:var(--roboto);font-size:14px;font-weight:600;letter-spacing:.5px;padding:13px 30px;text-align:center;text-transform:uppercase;transition:all .3s ease;width:100%}.biometric-verification .button-group .secondary-button:hover{border:1px solid #3543a0;color:#3543a0;transform:translateY(-2px)}@keyframes scanGradient{0%{opacity:0;transform:translateY(-20%)}20%{opacity:.4}50%{opacity:.6;transform:translateY(0)}80%{opacity:.4}to{opacity:0;transform:translateY(20%)}}@keyframes scanLine{0%{opacity:1;top:0}50%{opacity:1}to{opacity:0;top:100%}}@keyframes scanLight{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@keyframes cornerGlow{0%{border-color:green;box-shadow:0 0 0 rgba(0,255,0,0)}50%{border-color:#0f0;box-shadow:0 0 8px rgba(0,255,0,.8)}to{border-color:green;box-shadow:0 0 0 rgba(0,255,0,0)}}@media (max-width:1024px){.biometric-verification{padding:80px 0}.biometric-verification .biometric-section{gap:40px}.biometric-verification .biometric-content h1{font-size:36px}.biometric-verification .biometric-card{padding:30px 20px}}@media (max-width:768px){.biometric-verification{padding:60px 0}.biometric-verification .biometric-section{align-items:stretch;flex-direction:column;gap:30px}.biometric-verification .biometric-content{min-width:unset;text-align:center;width:100%}.biometric-verification .biometric-content h1{font-size:28px;margin-bottom:15px}.biometric-verification .biometric-content p{font-size:15px}.biometric-verification .biometric-card{max-width:100%;min-width:unset;padding:25px 20px;width:100%}.biometric-verification .biometric-scanner{height:180px;margin:0 auto 50px;width:180px}.biometric-verification .card-title{font-size:16px;margin-bottom:60px}.biometric-verification .button-group{gap:12px;margin-top:20px}.biometric-verification .primary-button,.biometric-verification .secondary-button{font-size:13px;padding:12px 25px}}@media (max-width:480px){.biometric-verification{padding:50px 0}.biometric-verification .biometric-section{gap:20px}.biometric-verification .biometric-content h1{font-size:24px}.biometric-verification .biometric-scanner{height:150px;width:150px}.biometric-verification .biometric-card{border-radius:15px;padding:20px 15px;width:100%}}