.portfolio-case-section{padding:80px 0!important}.portfolio-case-section.light{background-color:#fff!important}.portfolio-case-section.gray{background-color:#f7f9fc!important}.portfolio-case-section.dark{background-color:#060c16!important;background-image:radial-gradient(circle at 50% 50%,#2d64ad26,#2d64ad00 70%)!important}.portfolio-case-section .section-header{margin-bottom:30px!important}.portfolio-case-section .section-header .section-subtitle{color:var(--primary_color)!important}.portfolio-case-section.dark .section-header .section-subtitle{color:#558bff!important}.portfolio-case-section .section-header .section-title{color:var(--dark1)!important;font-weight:700!important;margin-bottom:24px!important}.portfolio-case-section.dark .section-header .section-title{color:#fff!important}.portfolio-case-grid{display:grid!important;grid-template-columns:1.2fr 1fr!important;gap:60px!important;align-items:center!important}.portfolio-case-grid.reverse{grid-template-columns:1fr 1.2fr!important}.portfolio-case-content p{font-size:16px!important;line-height:26px!important;color:#4b5563!important;margin-bottom:20px!important;text-align:justify!important}.portfolio-case-section.dark .portfolio-case-content p{color:#fffffff2!important}.portfolio-case-content p strong{color:#111827!important}.portfolio-case-section.dark .portfolio-case-content p strong{color:#fff!important}.case-widget-container{width:100%;display:flex;justify-content:center;align-items:center}.case-mockup-card{background:#fff;border-radius:24px;padding:30px;width:100%;max-width:420px;border:1px solid rgba(45,100,173,.08);box-shadow:0 20px 50px #2d64ad0f;position:relative;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.portfolio-case-section.dark .case-mockup-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffff14;box-shadow:0 20px 50px #0000004d}.case-mockup-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px #2d64ad1a}.portfolio-case-section.dark .case-mockup-card:hover{box-shadow:0 30px 60px #00000080;border-color:#558bff4d}.phone-frame{border:4px solid #1e293b!important;border-radius:40px!important;box-shadow:0 25px 50px -12px #0006,inset 0 0 0 4px #0f172a!important;max-width:280px!important;width:100%!important;height:560px!important;background:#0b0f19!important;padding:12px 16px 20px!important;display:flex;flex-direction:column;color:#fff;position:relative;overflow:hidden;margin:0 auto!important}.camera-notch{width:12px;height:12px;border-radius:50%;background:#1e293b;margin:0 auto 10px;box-shadow:inset 0 1px 3px #fff3}.phone-status-bar{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#fff9;font-weight:700;margin-bottom:20px;padding:0 4px;font-family:var(--font_nunito)}.status-icons{display:flex;gap:6px;align-items:center}.status-icons i{font-size:11px}.phone-screen{flex:1;display:flex;flex-direction:column;gap:20px}.mockup-credit-card{border-radius:14px;padding:16px;box-shadow:0 8px 16px #0003}.mockup-credit-card.bdv-card{background:linear-gradient(135deg,#a30000,#d32f2f)}.mockup-credit-card.bfc-card{background:linear-gradient(135deg,#0e408e,#1e63d3)}.mockup-credit-card.plaza-card{background:linear-gradient(135deg,#0f6229,#1db84e)}.card-logo{font-size:14px;font-weight:800;margin-bottom:25px;font-family:var(--font_nunito)}.card-num{font-size:16px;letter-spacing:2px;margin-bottom:10px;font-family:monospace}.app-metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-pill{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:12px 6px;text-align:center}.metric-pill .val{display:block;font-size:18px;font-weight:800;color:#fff;font-family:var(--font_nunito);margin-bottom:2px}.metric-pill .lbl{display:block;font-size:10px;color:#ffffff80;font-weight:600}.biometric-login{display:flex;flex-direction:column;align-items:center;margin-top:auto;margin-bottom:10px;gap:8px}.biometric-login span{font-size:11px;color:#ffffff80;font-weight:600;font-family:var(--font_nunito)}.fingerprint-btn{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer;position:relative;transition:all .3s ease}.scanner-ripple{position:absolute;width:100%;height:100%;border-radius:50%;pointer-events:none}.bdv-style .fingerprint-btn{background:#a3000026;border:2px dashed #a30000;color:#ff4d4d}.bdv-style .fingerprint-btn:hover{background:#a30000;color:#fff;border-style:solid;box-shadow:0 0 15px #a3000066}.bdv-style .scanner-ripple{border:2px solid rgba(163,0,0,.3);animation:fingerprint-ripple 2s infinite}.bfc-style .fingerprint-btn{background:#1e63d326;border:2px dashed #1e63d3;color:#689ff8}.bfc-style .fingerprint-btn:hover{background:#1e63d3;color:#fff;border-style:solid;box-shadow:0 0 15px #1e63d366}.bfc-style .scanner-ripple{border:2px solid rgba(30,99,211,.3);animation:fingerprint-ripple 2s infinite}.plaza-style .fingerprint-btn{background:#1db84e26;border:2px dashed #1db84e;color:#5eff8e}.plaza-style .fingerprint-btn:hover{background:#1db84e;color:#fff;border-style:solid;box-shadow:0 0 15px #1db84e66}.plaza-style .scanner-ripple{border:2px solid rgba(29,184,78,.3);animation:fingerprint-ripple 2s infinite}@keyframes fingerprint-ripple{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.security-status{display:flex;align-items:center;gap:15px;background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:12px 18px;border-radius:12px;color:#10b981;font-weight:700}.security-status.dark-style{background:#10b98114;border-color:#10b98133}.security-status i{font-size:24px;animation:pulse-widget 2s infinite}.flow-container{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;padding:20px 0}.flow-node{width:70px;height:70px;border-radius:50%;background:#1e293b;border:2px solid #3b82f6;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:10px;font-weight:700;z-index:2;text-align:center}.portfolio-case-section.dark .flow-node{background:#1e293b99;border-color:#558bff}.flow-node i{font-size:20px;margin-bottom:4px}.flow-line-svg{position:absolute;width:100%;height:20px;top:50%;transform:translateY(-50%);z-index:1}.flow-path{stroke:#3b82f633;stroke-width:4}.flow-active-path{stroke:#3b82f6;stroke-width:4;stroke-dasharray:8 20;animation:flow-dash 1.5s linear infinite}.portfolio-case-section.dark .flow-active-path{stroke:#558bff}.bar-chart-widget{display:flex;flex-direction:column;gap:16px}.bar-row{display:flex;align-items:center;gap:15px}.bar-label{width:80px;font-size:12px;font-weight:700;color:#4b5563}.portfolio-case-section.dark .bar-label{color:#cbd5e1}.bar-track{flex:1;height:12px;background:#2d64ad14;border-radius:6px;overflow:hidden}.portfolio-case-section.dark .bar-track{background:#ffffff0d}.bar-fill{height:100%;background:linear-gradient(90deg,#2d64ad,#036793);border-radius:6px;transform:scaleX(0);transform-origin:left;animation:bar-grow-widget 1s ease-out forwards}.portfolio-case-section.dark .bar-fill{background:linear-gradient(90deg,#558bff,#38bdf8)}.mockup-portal{display:flex;flex-direction:column;gap:15px}.portal-header{border-bottom:1px solid rgba(45,100,173,.08);padding-bottom:10px;margin-bottom:5px}.portfolio-case-section.dark .portal-header{border-bottom-color:#ffffff14}.portal-logo{font-weight:800;color:#1e3662;font-size:14px}.portfolio-case-section.dark .portal-logo{color:#fff}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-item{background:#f8fafc;border:1px solid rgba(45,100,173,.05);border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:6px}.portfolio-case-section.dark .portal-item{background:#ffffff05;border-color:#ffffff0d}.portal-item i{font-size:20px;color:var(--primary_color)}.portfolio-case-section.dark .portal-item i{color:#558bff}.portal-item span{font-size:11px;font-weight:700;color:#374151}.portfolio-case-section.dark .portal-item span{color:#fffc}@keyframes flow-dash{to{stroke-dashoffset:-28}}@keyframes bar-grow-widget{to{transform:scaleX(1)}}@keyframes pulse-widget{0%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}to{transform:scale(1);opacity:1}}@media (max-width: 991px){.portfolio-case-section{padding:50px 0!important}.portfolio-case-grid{grid-template-columns:1fr!important;gap:40px!important}.portfolio-case-grid.reverse{grid-template-columns:1fr!important}.case-widget-container{order:2}.portfolio-case-content{order:1}}@media (max-width: 767px){.portfolio-case-section{padding:40px 0!important}.case-mockup-card{padding:20px}}.fingerprint-btn{overflow:hidden!important}.fingerprint-btn:after{content:"";position:absolute;left:0;right:0;height:3px;opacity:.8;pointer-events:none}.bdv-style .fingerprint-btn:after{background:#ff4d4d;box-shadow:0 0 8px #ff4d4d;animation:laser-sweep 2s ease-in-out infinite}.bfc-style .fingerprint-btn:after{background:#689ff8;box-shadow:0 0 8px #689ff8;animation:laser-sweep 2s ease-in-out infinite}.plaza-style .fingerprint-btn:after{background:#5eff8e;box-shadow:0 0 8px #5eff8e;animation:laser-sweep 2s ease-in-out infinite}@keyframes laser-sweep{0%,to{top:15%}50%{top:85%}}.browser-frame{background:#fff;border-radius:20px;width:100%;max-width:420px;border:1px solid rgba(45,100,173,.08);box-shadow:0 20px 50px #2d64ad0f;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;position:relative;margin:0 auto}.portfolio-case-section.dark .browser-frame{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffff14;box-shadow:0 20px 50px #0000004d}.browser-frame:hover{transform:translateY(-5px);box-shadow:0 30px 60px #2d64ad1a}.portfolio-case-section.dark .browser-frame:hover{box-shadow:0 30px 60px #00000080;border-color:#558bff4d}.browser-header-bar{background:#f1f5f9;padding:12px 16px;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(45,100,173,.05)}.portfolio-case-section.dark .browser-header-bar{background:#ffffff0a;border-bottom-color:#ffffff0d}.browser-dots{display:flex;gap:6px;align-items:center}.browser-dots .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.browser-dots .dot.red{background:#ef4444}.browser-dots .dot.yellow{background:#f59e0b}.browser-dots .dot.green{background:#10b981}.browser-address-bar{flex:1;background:#fff;border-radius:6px;font-size:10px;color:#64748b;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;font-family:monospace;border:1px solid rgba(45,100,173,.05);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portfolio-case-section.dark .browser-address-bar{background:#0003;border-color:#ffffff0d;color:#fff6}.browser-content{padding:30px}@media (max-width: 767px){.browser-content{padding:20px}}