@keyframes pulse{0%{box-shadow:0 0 #22d3eeb3}70%{box-shadow:0 0 0 10px #22d3ee00}to{box-shadow:0 0 #22d3ee00}}.pulse-animation{animation:pulse 2s infinite}.bg-gradient-primary{background:linear-gradient(135deg,#7c3aed,#1e40af,#0f172a)}.bg-gradient-card{background:linear-gradient(135deg,#33415599,#1e293bcc)}.dark ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track{background:#1e293b}.dark ::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:#64748b}.focus-ring{transition:all .2s ease}.focus-ring:focus{box-shadow:0 0 0 3px #22d3ee80;outline:none}.hover-lift{transition:transform .2s ease}.hover-lift:hover{transform:translateY(-2px)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.animate-fade-out{animation:fadeOut .3s ease-in forwards}@media (max-width: 640px){.responsive-padding{padding-left:1rem;padding-right:1rem}}*:focus-visible{outline:2px solid #22d3ee;outline-offset:2px}.dke-animation-section{background-color:#0a192f;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%231e3a8a' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");padding:3rem 0;border-bottom:1px solid rgba(34,211,238,.2)}.dke-animation-container{position:relative;max-width:800px;height:450px;margin:0 auto;background:linear-gradient(to right,#5a2e4ccc,#144960cc);border-radius:1rem;border:1px solid rgba(34,211,238,.2);overflow:hidden;padding:1.5rem}.animation-title{text-align:center;color:#22d3ee;margin-bottom:2rem}.animation-step-text{position:absolute;bottom:1.5rem;left:0;right:0;text-align:center;color:#fff;font-size:1.1rem;padding:0 1.5rem;transition:opacity 1s ease}.animation-controls{position:absolute;top:1rem;right:1rem;z-index:10}.animation-play-pause{background-color:#22d3ee33;border:1px solid rgba(34,211,238,.4);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.animation-play-pause:hover{background-color:#22d3ee4d}.animation-stage{position:relative;width:100%;height:330px;display:flex;align-items:center;justify-content:center}.network-delimiter{position:absolute;top:0;bottom:0;left:50%;width:4px;border-left:4px dashed #22d3ee;z-index:1}.azure-zone{position:absolute;top:10px;left:10px;width:45%;height:310px;border:2px solid rgba(90,46,76,1);border-radius:10px;background-color:#5a2e4c4d;z-index:0}.azure-zone:before{content:"AZURE VAULT";position:absolute;top:-10px;left:10px;background-color:#5a2e4c;padding:2px 8px;border-radius:4px;font-size:12px;color:#fff}.customer-zone{position:absolute;top:10px;right:10px;width:45%;height:310px;border:2px solid rgba(20,73,96,1);border-radius:10px;background-color:#1449604d;z-index:0}.customer-zone:before{content:"DUOKEY KMS WITH MPC";position:absolute;top:-10px;right:10px;background-color:#144960;padding:2px 8px;border-radius:4px;font-size:12px;color:#fff}.animation-element{position:absolute;transition:all 1.5s ease-in-out}.zerotrust-module{width:100px;height:80px;background-color:#0891b2;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:5;position:absolute;right:20%;top:70px;opacity:0}.zerotrust-module:before{content:"ZeroTrust";font-size:12px}.zerotrust-module:after{content:"🔍";font-size:16px;position:absolute;bottom:10px}.jwt-token{width:70px;height:40px;background-color:#f59e0b;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:5;position:absolute;right:40%;top:90px;opacity:0}.jwt-token:before{content:"JWT";font-size:12px}.mpc-node{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:10}.mpc-node-1{background-color:#3b82f6}.mpc-node-2{background-color:#10b981}.mpc-node-3{background-color:#f59e0b}.mpc-node:before{content:"🔑";font-size:14px}.mpc-node-1{top:50px;right:25%;position:absolute}.mpc-node-2{top:130px;right:25%;position:absolute}.mpc-node-3{top:210px;right:25%;position:absolute}.mpc-node-connection{position:absolute;background-color:#ffffff4d;z-index:2}.mpc-connection-1-2{width:2px;height:80px;top:85px;right:15%;margin-right:24px}.mpc-connection-2-3{width:2px;height:80px;top:165px;right:15%;margin-right:24px}.mpc-connection-1-3{width:60px;height:2px;top:140px;right:20%}.mpc-node-active{box-shadow:0 0 15px #22d3ee;animation:pulse 3s infinite}@keyframes pulse{0%{box-shadow:0 0 5px #22d3ee}50%{box-shadow:0 0 15px #22d3ee}to{box-shadow:0 0 5px #22d3ee}}.mpc-cloud{position:absolute;width:50px;height:50px;border-radius:25px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:9}.mpc-cloud-1{background-color:#3b82f6;top:50px;right:15%}.mpc-cloud-1:before{content:"☁️";font-size:20px}.mpc-cloud-2{background-color:#10b981;top:130px;right:15%}.mpc-cloud-2:before{content:"☁️";font-size:20px}.mpc-cloud-3{background-color:#f59e0b;top:210px;right:15%}.mpc-cloud-3:before{content:"☁️";font-size:20px}.cloud-label{position:absolute;font-size:10px;color:#fff;z-index:1}.cloud-label-1{top:40px;right:10%}.cloud-label-2{top:120px;right:10%}.cloud-label-3{top:200px;right:10%}.data-element{width:80px;height:100px;background-color:#60a5fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:5;position:absolute;left:20%;top:140px}.data-element:before{content:"Data";font-size:14px}.encrypted-data{width:80px;height:100px;background-color:#9333ea;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:5;position:absolute;left:20%;top:140px}.encrypted-data:before{content:"🔒";font-size:24px}.decrypted-data{width:80px;height:100px;background-color:#60a5fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:5;position:absolute;left:20%;top:140px}.decrypted-data:before{content:"Data";font-size:14px}.msft-key{width:60px;height:60px;background-color:#0078d4;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:3;left:25%}.msft-key:before{content:"🔑";font-size:20px}.duokey-key{width:60px;height:60px;background-color:#5b2a86;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:3;left:65%}.duokey-key:before{content:"🔑";font-size:20px}.cloud-element{position:absolute;width:120px;height:70px;border-radius:35px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:0 4px 6px #0000001a;z-index:8;top:20px}.msft-cloud{background-color:#0078d4;left:15%;top:60px}.msft-cloud:before{content:"☁️ Azure";font-size:14px}.duokey-cloud{background-color:#5b2a86;right:40%;top:140px;width:120px;height:70px;border-radius:35px;display:flex;align-items:center;justify-content:center}.duokey-cloud:before{content:"☁️ DuoKey MPC";font-size:14px}.duokey-cloud-connection-1{position:absolute;width:80px;height:2px;background:linear-gradient(to right,#5b2a86,#3b82f6);top:75px;right:20%;z-index:0}.duokey-cloud-connection-2{position:absolute;width:80px;height:2px;background:linear-gradient(to right,#5b2a86,#10b981);top:155px;right:20%;z-index:0}.duokey-cloud-connection-3{position:absolute;width:80px;height:2px;background:linear-gradient(to right,#5b2a86,#f59e0b);top:235px;right:20%;z-index:0}.msft-encrypted{background-color:#0078d4;position:relative}.msft-encrypted:before{content:"🔒";font-size:24px}.duokey-encrypted{background-color:#5b2a86;position:relative}.duokey-encrypted:before{content:"🔒🔒";font-size:20px}.animation-path{position:absolute;border-top:2px dashed rgba(255,255,255,.2);width:60%;top:50%;left:20%;z-index:0}@media (max-width: 768px){.dke-animation-container{height:350px}.animation-stage{height:230px}.data-element,.encrypted-data,.decrypted-data{width:60px;height:80px}.msft-key,.duokey-key{width:50px;height:50px}.cloud-element{width:100px;height:60px}}@media (max-width: 480px){.dke-animation-container{height:300px}.animation-stage{height:200px}.data-element,.encrypted-data,.decrypted-data{width:50px;height:70px}.msft-key,.duokey-key{width:40px;height:40px}.cloud-element{width:80px;height:50px}.animation-step-text{font-size:.9rem}}