.security-hero{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:140px 20px 80px;color:#fff;text-align:center}.cyber-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.grid-overlay{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(rgba(168,85,247,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.05) 1px,transparent 1px);background-size:50px 50px;transform:perspective(1000px) rotateX(60deg);animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:perspective(1000px) rotateX(60deg) translateY(0)}100%{transform:perspective(1000px) rotateX(60deg) translateY(50px)}}.glow-blob{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.12) 0,transparent 70%);border-radius:50%;filter:blur(60px);z-index:0}.security-content{position:relative;z-index:2;max-width:900px}.security-title{font-family:Syne,sans-serif;font-size:5rem;font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:24px;animation:fadeUp .8s .12s ease both}.security-title em{font-style:normal;background:linear-gradient(135deg,#c084fc 0,var(--purple-glow) 40%,var(--purple-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.security-subtitle{font-size:clamp(1.1rem, 2.5vw, 1.3rem);color:rgba(226,217,243,.7);line-height:1.8;max-width:700px;margin:0 auto 60px}.scanner-wrapper{position:relative;width:360px;height:360px;margin:0 auto 40px;display:flex;align-items:center;justify-content:center}.scanner-frame{position:absolute;inset:-20px;border:1px solid var(--glass-border);border-radius:40px;background:rgba(168,85,247,.02);backdrop-filter:blur(5px)}.fingerprint-img{width:240px;height:auto;filter:drop-shadow(0 0 15px rgba(168, 85, 247, .5));position:relative;z-index:5;animation:pulseGlow 3s ease-in-out infinite alternate}.scan-bar{position:absolute;top:10%;left:50%;transform:translateX(-50%);width:280px;height:3px;background:var(--scan-line);box-shadow:0 0 20px var(--scan-line),0 0 40px var(--scan-line);z-index:10;animation:scanVertical 4s ease-in-out infinite}@keyframes scanVertical{0%,100%{top:10%;opacity:0}10%,90%{opacity:1}50%{top:85%}}@keyframes pulseGlow{0%{filter:drop-shadow(0 0 10px rgba(168, 85, 247, .3))}100%{filter:drop-shadow(0 0 30px rgba(168, 85, 247, .8));transform:scale(1.02)}}.data-ring{position:absolute;border:1px dashed rgba(168,85,247,.3);border-radius:50%;pointer-events:none}.ring-lg{width:440px;height:440px;animation:spin 15s linear infinite}.ring-md{width:400px;height:400px;animation:spinReverse 10s linear infinite}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{from{transform:rotate(360deg)}to{transform:rotate(0)}}.security-nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;max-width:1200px;margin:4rem auto 8rem;padding:0 2rem;position:relative;z-index:2}.node-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:24px;padding:3rem 2rem;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.23, 1, .32, 1)}.node-card:hover{transform:translateY(-15px);background:rgba(168,85,247,.08);border-color:var(--purple-glow);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 30px rgba(168,85,247,.15)}.node-icon-box{width:64px;height:64px;background:linear-gradient(135deg,var(--purple-dark),var(--purple-glow));border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem;color:#fff;box-shadow:0 10px 20px rgba(124,58,237,.3)}.node-card h3{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:1rem}.node-card p{color:rgba(226,217,243,.6);line-height:1.7;font-size:1rem}.float-icon{position:absolute;color:rgba(168,85,247,.25);pointer-events:none;z-index:1;filter:blur(1px)}.float-icon.large{font-size:3.5rem;opacity:.2;filter:blur(2px)}.float-icon.medium{font-size:2rem;opacity:.35}.float-icon.small{font-size:1rem;opacity:.5}@keyframes float-slow{0%,100%{transform:translateY(0) rotate(0) translateX(0)}33%{transform:translateY(-30px) rotate(5deg) translateX(10px)}66%{transform:translateY(15px) rotate(-5deg) translateX(-10px)}}@keyframes float-fast{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-50px) rotate(15deg)}}@keyframes drift{0%{transform:translateX(-20px) translateY(0)}100%{transform:translateX(20px) translateY(-40px)}}.data-bit{position:absolute;font-family:monospace;font-size:.9rem;color:rgba(168,85,247,.25);pointer-events:none;animation:drift 10s linear infinite alternate}.reveal{opacity:0;transform:translateY(40px);transition:all 1s ease-out}.reveal.active{opacity:1;transform:translateY(0)}.fan-section{padding:160px 0;perspective:2500px;overflow:visible;position:relative;z-index:5}.fan-stack{position:relative;height:450px;width:320px;margin:0 auto;transform-style:preserve-3d}.fan-card{position:absolute;inset:0;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(20px);border-radius:30px;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .6s cubic-bezier(.34, 1.56, .64, 1);transform-origin:center bottom;box-shadow:0 10px 40px rgba(0,0,0,.4);will-change:transform,opacity}.fan-section.active .fan-card-1,.fan-stack:hover .fan-card-1{transform:rotateY(-35deg) rotateZ(-10deg) translateX(-240px) translateZ(0);opacity:.65}.fan-section.active .fan-card-2,.fan-stack:hover .fan-card-2{transform:translateZ(60px) translateY(-10px);opacity:.85}.fan-section.active .fan-card-3,.fan-stack:hover .fan-card-3{transform:rotateY(35deg) rotateZ(10deg) translateX(240px) translateZ(0);opacity:.65}.fan-stack .fan-card.focused,.fan-stack .fan-card:hover{z-index:100!important;opacity:1!important;border-color:var(--purple-glow)!important;box-shadow:0 40px 80px rgba(168,85,247,.5),0 0 40px rgba(168,85,247,.2);backdrop-filter:blur(40px)}.fan-stack .fan-card-1.focused,.fan-stack .fan-card-1:hover{transform:rotateY(0) rotateZ(0) translateX(-240px) translateZ(180px) scale(1.1)}.fan-stack .fan-card-2.focused,.fan-stack .fan-card-2:hover{transform:translateZ(220px) translateY(-20px) scale(1.1)}.fan-stack .fan-card-3.focused,.fan-stack .fan-card-3:hover{transform:rotateY(0) rotateZ(0) translateX(240px) translateZ(180px) scale(1.1)}.fan-card-2{z-index:2}.fan-card-1,.fan-card-3{z-index:1}@media (max-width:1024px){.fan-stack{width:100%;height:auto;display:flex;flex-direction:column;gap:2rem;transform:none!important}.fan-card{position:relative;inset:auto;transform:none!important}.fan-section.active .fan-card{transform:none!important}}.protocol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem}.flip-card-container{height:350px;perspective:1000px;cursor:pointer}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.34, 1.56, .64, 1);transform-style:preserve-3d;transform:rotateY(0)}.flip-card-container.flipped .flip-card-inner,.flip-card-container:hover .flip-card-inner{transform:rotateY(180deg)}.flip-back,.flip-front{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid var(--glass-border)}.flip-front{background:var(--glass);color:#fff;z-index:2;transform:rotateY(0)}.flip-back{background:linear-gradient(135deg,var(--purple-deep),#000);color:#fff;transform:rotateY(180deg);border-color:var(--purple-glow);z-index:1}@media (max-width:768px){.security-title{font-size:3rem}.scanner-wrapper{width:280px;height:280px}.fingerprint-img{width:180px}.ring-lg{width:340px;height:340px}.ring-md{width:300px;height:300px}.glow-blob{width:300px;height:300px}.fan-section{padding:80px 0}}@media (max-width:480px){.security-title{font-size:2.2rem}.scanner-wrapper{width:240px;height:240px}.fingerprint-img{width:140px}.ring-lg{width:280px;height:280px}.ring-md{width:240px;height:240px}.node-card{padding:2rem 1.5rem}}