@keyframes vcn-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.vcn-enter{animation:.7s ease-out both vcn-rise}.vcn-holo-frame{background:linear-gradient(145deg,#003c8c1f,#000f3240);border:1px solid #00c8ff40;border-radius:10px;padding:6px;animation:4s ease-in-out infinite vcn-frame-pulse;position:relative;box-shadow:0 0 30px #008cff14,0 0 80px #0050ff0a,inset 0 1px #00c8ff14}@keyframes vcn-frame-pulse{0%,to{border-color:#00c8ff33;box-shadow:0 0 30px #008cff0f,0 0 80px #0050ff08,inset 0 1px #00c8ff0f}50%{border-color:#00c8ff66;box-shadow:0 0 40px #008cff24,0 0 100px #0050ff0f,inset 0 1px #00c8ff1f}}.vcn-holo-frame:before,.vcn-holo-frame:after{content:"";z-index:3;pointer-events:none;border-style:solid;border-color:#00d4ff;width:28px;height:28px;position:absolute}.vcn-holo-frame:before{border-width:2px 0 0 2px;border-radius:6px 0 0;top:-2px;left:-2px}.vcn-holo-frame:after{border-width:0 2px 2px 0;border-radius:0 0 6px;bottom:-2px;right:-2px}.vcn-holo-corners{pointer-events:none;z-index:3;position:absolute;inset:0}.vcn-holo-corners:before,.vcn-holo-corners:after{content:"";border-style:solid;border-color:#00d4ff;width:28px;height:28px;position:absolute}.vcn-holo-corners:before{border-width:2px 2px 0 0;border-radius:0 6px 0 0;top:-2px;right:-2px}.vcn-holo-corners:after{border-width:0 0 2px 2px;border-radius:0 0 0 6px;bottom:-2px;left:-2px}.vcn-holo-frame img{border-radius:6px}.vcn-orb{pointer-events:none;filter:blur(70px);border-radius:50%;position:absolute}.vcn-step-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(160deg,#00327833 0%,#00123c59 100%);border:1px solid #00b4ff1f;border-radius:14px;padding:28px 28px 28px 32px;transition:all .45s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.vcn-step-card:before{content:"";background:linear-gradient(90deg,#0000,#00c8ff66,#0000);height:1px;transition:all .45s;position:absolute;top:0;left:10%;right:10%}.vcn-step-card:hover:before{background:linear-gradient(90deg,#0000,#00e6ffb3,#0000);left:5%;right:5%}.vcn-step-accent{opacity:0;background:linear-gradient(#00e5ff,#05f,#00e5ff);border-radius:0 4px 4px 0;width:3px;transition:opacity .4s;position:absolute;top:16px;bottom:16px;left:0;box-shadow:0 0 14px #00b4ff80}.vcn-step-card:hover .vcn-step-accent{opacity:1}.vcn-step-card:hover{border-color:#00d2ff59;transform:translateY(-8px);box-shadow:0 0 40px #008cff1f,0 24px 48px #00000059,inset 0 0 40px #008cff05}.vcn-step-number{color:#00d4ff;text-shadow:0 0 10px #00b4ff8c;background:radial-gradient(circle,#0050b440,#00143c80);border:2px solid #00b4ff59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:1.15rem;font-weight:800;transition:all .4s;display:flex;box-shadow:0 0 18px #008cff1f}.vcn-step-card:hover .vcn-step-number{text-shadow:0 0 16px #00dcffbf;background:radial-gradient(circle,#0064dc59,#001e508c);border-color:#00e5ff;box-shadow:0 0 28px #00c8ff4d}.vcn-step-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .4s;display:flex}@media (max-width:767px){.vcn-step-card{padding:22px 20px 22px 24px}.vcn-step-number{width:40px;height:40px;font-size:1rem}.vcn-step-icon{width:44px;height:44px}}