.security-scene{--mouse-x:0;--mouse-y:0;isolation:isolate;background:radial-gradient(circle at 50% 45%,#2581ff1f,#0000 38%),linear-gradient(#f9fcff 0%,#eef6ff 100%);border-radius:32px;justify-content:center;align-items:center;width:100%;min-height:620px;display:flex;position:relative;overflow:hidden}.tech-grid{z-index:-3;opacity:.45;background-image:linear-gradient(#1e76dc12 1px,#0000 1px),linear-gradient(90deg,#1e76dc12 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;transform:perspective(700px)rotateX(55deg)translateY(230px)scale(1.5);-webkit-mask-image:linear-gradient(#0000,#000 25% 70%,#0000);mask-image:linear-gradient(#0000,#000 25% 70%,#0000)}.ambient-glow{filter:blur(90px);opacity:.12;border-radius:50%;width:500px;height:500px;transition:opacity 1.2s,transform 1.2s;position:absolute}.ambient-glow-one{transform:translate(calc(-50% + var(--mouse-x) * 30px), calc(-50% + var(--mouse-y) * 20px));background:#1888ff;top:50%;left:50%}.ambient-glow-two{background:#61b6ff;width:350px;height:350px;top:10%;right:-100px}.powered-on .ambient-glow{opacity:.3;animation:4s ease-in-out infinite ambientPulse}@keyframes ambientPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.scene-content{width:100%;min-height:620px;transform:translate3d(calc(var(--mouse-x) * 5px), calc(var(--mouse-y) * 5px), 0);justify-content:center;align-items:center;transition:transform .15s ease-out;display:flex;position:relative}.particles{pointer-events:none;position:absolute;inset:0}.particle{opacity:.25;background:#69b8ff;border-radius:50%;width:5px;height:5px;animation:5s ease-in-out infinite paused particleFloat;position:absolute;box-shadow:0 0 10px #2587ffcc,0 0 20px #2587ff59}.powered-on .particle{opacity:.8;animation-play-state:running}.particle-1{top:18%;left:19%}.particle-2{animation-delay:-1s;top:28%;left:10%}.particle-3{animation-delay:-2s;top:14%;right:20%}.particle-4{animation-delay:-3s;top:38%;right:10%}.particle-5{animation-delay:-1.5s;bottom:24%;left:13%}.particle-6{animation-delay:-2.5s;bottom:18%;right:15%}.particle-7{animation-delay:-3.5s;top:52%;left:6%}.particle-8{animation-delay:-4s;top:55%;right:7%}.particle-9{animation-delay:-1.2s;top:10%;left:42%}.particle-10{animation-delay:-2.2s;top:16%;right:42%}.particle-11{animation-delay:-3.2s;bottom:14%;left:38%}.particle-12{animation-delay:-4.2s;bottom:12%;right:40%}.particle-13{animation-delay:-1.8s;top:44%;left:17%}.particle-14{animation-delay:-2.8s;top:42%;right:17%}.particle-15{animation-delay:-3.8s;bottom:32%;left:23%}.particle-16{animation-delay:-4.5s;bottom:30%;right:22%}.particle-17{animation-delay:-2s;top:32%;left:31%}.particle-18{animation-delay:-3s;top:30%;right:30%}.particle-19{animation-delay:-4s;bottom:42%;left:31%}.particle-20{animation-delay:-1s;bottom:40%;right:31%}.particle-21{animation-delay:-2.5s;top:22%;left:50%}.particle-22{animation-delay:-3.5s;bottom:20%;left:50%}@keyframes particleFloat{0%,to{transform:translate(0,0)scale(.8)}50%{transform:translateY(-22px)scale(1.3)}}.orbit-system{width:530px;height:530px;transform:translate(-50%, -50%) rotateX(65deg) rotateZ(calc(var(--mouse-x) * 5deg));transform-style:preserve-3d;pointer-events:none;position:absolute;top:50%;left:50%}.orbit{border:1px solid #2582f038;border-radius:50%;animation-play-state:paused;position:absolute;inset:0}.powered-on .orbit{animation-play-state:running}.orbit-one{animation:14s linear infinite orbitRotate}.orbit-two{border-color:#2582f029;animation:10s linear infinite orbitRotateReverse;inset:45px}.orbit-three{border-color:#2582f021;animation:8s linear infinite orbitRotate;inset:95px}.orbit-dot{background:#fff;border:2px solid #5caeff;border-radius:50%;width:11px;height:11px;position:absolute;top:-5px;left:50%;box-shadow:0 0 12px #2993ff,0 0 28px #2993ff80}@keyframes orbitRotate{to{transform:rotate(360deg)}}@keyframes orbitRotateReverse{to{transform:rotate(-360deg)}}.server-area{width:230px;height:310px;transform:translate(calc(-50% + var(--mouse-x) * -12px), calc(-50% + var(--mouse-y) * -12px));z-index:8;transition:transform .2s ease-out;position:absolute;top:50%;left:50%}.server-shadow{filter:blur(25px);background:#1e7dff33;border-radius:50%;width:240px;height:50px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.server-rack{background:linear-gradient(135deg,#eef6ff,#b9d7f7 45%,#dcecff);border:1px solid #ffffffe6;border-radius:15px;width:190px;height:270px;padding:7px;transition:box-shadow 1s,transform 1s;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 25px 50px #12519633,inset 0 0 20px #ffffffb3}.powered-on .server-rack{box-shadow:0 25px 60px #12519640,0 0 45px #2896ff59,inset 0 0 25px #fffc}.server-top,.server-bottom{background:linear-gradient(#23456c,#0c223d);border:1px solid #54789f;border-radius:8px;height:20px;position:relative;overflow:hidden}.server-top-light,.server-bottom-light{opacity:.2;background:#58aefe;width:65px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #39a0ff}.powered-on .server-top-light,.powered-on .server-bottom-light{opacity:1}.server-unit{background:linear-gradient(#173452,#081a30);border:1px solid #6ca4d599;border-radius:8px;height:66px;margin:6px 0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.server-display{gap:4px;display:flex;position:absolute;top:14px;left:15px}.server-display span{background:#2d79b9;border-radius:10px;width:25px;height:3px;transition:background .5s,box-shadow .5s;display:block}.powered-on .server-display span{background:#4db1ff;box-shadow:0 0 7px #3facffcc}.waveform-strip{opacity:0;align-items:flex-end;gap:3px;height:12px;transition:opacity .5s;display:flex;position:absolute;top:24px;left:15px}.powered-on .waveform-strip{opacity:1}.wave-bar{background:#38bdf8;border-radius:2px;width:2.5px;animation:1.1s ease-in-out infinite alternate waveBarPulse;box-shadow:0 0 6px #38bdf8b3}.wave-bar-1{animation-delay:.1s}.wave-bar-2{animation-delay:.4s}.wave-bar-3{animation-delay:.2s}.wave-bar-4{animation-delay:.5s}.wave-bar-5{animation-delay:.3s}@keyframes waveBarPulse{0%{height:3px}to{height:11px}}.server-label{letter-spacing:1.5px;color:#6f8fae;font-family:Arial,sans-serif;font-size:7px;font-weight:700;position:absolute;bottom:12px;left:15px}.powered-on .server-label{color:#91cfff}.server-status{position:absolute;top:18px;right:30px}.server-status i{background:#34506b;border-radius:50%;width:6px;height:6px;transition:background .5s,box-shadow .5s;display:block}.powered-on .server-status i{background:#25e58b;animation:1.5s ease-in-out infinite serverBlink;box-shadow:0 0 7px #25e58b,0 0 16px #25e58bb3}@keyframes serverBlink{0%,to{opacity:1}50%{opacity:.45}}.server-button{background:#4a6077;border-radius:50%;width:7px;height:7px;position:absolute;bottom:12px;right:14px}.powered-on .server-button{background:#45b8ff;box-shadow:0 0 7px #45b8ff}.server-platform{border:2px solid #349dff59;border-radius:50%;width:260px;height:55px;transition:box-shadow 1s,border-color 1s;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)perspective(200px)rotateX(55deg);box-shadow:0 0 15px #2a92ff26,inset 0 0 15px #2a92ff1f}.powered-on .server-platform{border-color:#349dffbf;box-shadow:0 0 20px #2a92ff59,0 0 50px #2a92ff26,inset 0 0 20px #2a92ff33}.server-platform span{border:1px solid #349dff1f;border-radius:50%;position:absolute;inset:10px}.server-platform span:nth-child(2){inset:18px}.server-platform span:nth-child(3){inset:26px}.power-button{z-index:30;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1476e8,#0752b8);border:1px solid #46a9ffa6;border-radius:9999px;justify-content:center;align-items:center;gap:10px;min-width:180px;height:44px;padding:0 18px;font-family:Arial,sans-serif;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0d5cbe47,0 0 16px #208cff33}.power-button:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 12px 28px #0d5cbe61,0 0 24px #208cff4d}.power-button:active{transform:translate(-50%)translateY(0)}.power-button-online{color:#7ed0ff;background:linear-gradient(135deg,#0a223e,#041224);border:1.5px solid #38bdf899;box-shadow:0 8px 24px #04122459,0 0 16px #38bdf82e}.power-button-online:hover{color:#fca5a5;background:linear-gradient(135deg,#1e2235,#141624);border-color:#ef4444b3;transform:translate(-50%)translateY(-2px);box-shadow:0 10px 26px #ef444438,0 0 20px #ef444433}.power-subtext{opacity:.85;letter-spacing:.5px;font-size:10px;font-weight:700}.power-icon{border:1.8px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.power-icon:before{content:"";background:#1476e8;width:7px;height:9px;position:absolute;top:-3px}.power-icon:after{content:"";background:#fff;border-radius:3px;width:2px;height:8px;position:absolute;top:-2px}.power-text{letter-spacing:.8px;font-size:13px;font-weight:700}.power-arrow{opacity:.85;font-size:15px;transition:transform .25s}.power-button:hover .power-arrow{transform:translate(3px)}.boot-panel{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border:1px solid #53a3ec59;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:42px 1fr auto;column-gap:13px;width:min(430px,80%);padding:17px 20px;display:grid;position:absolute;bottom:17px;left:50%;transform:translate(-50%);box-shadow:0 15px 45px #1f64aa26}.boot-spinner{border:3px solid #227ee51f;border-top-color:#197ce7;border-radius:50%;grid-row:span 2;width:34px;height:34px;animation:.8s linear infinite bootSpin}.spinner-inner{border:3px solid #0000;border-right-color:#63b8ff;border-radius:50%;width:100%;height:100%;transform:scale(.65)}@keyframes bootSpin{to{transform:rotate(360deg)}}.boot-copy{flex-direction:column;gap:4px;display:flex}.boot-copy strong{color:#123d72;letter-spacing:1px;font-size:12px}.boot-copy span{color:#6a86a4;font-size:10px}.boot-percentage{color:#145cae;align-self:center;font-size:13px;font-weight:800}.boot-progress{background:#dceafb;border-radius:20px;grid-column:2/4;height:5px;margin-top:8px;overflow:hidden}.boot-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#1477e8,#54b8ff);height:100%;transition:width 80ms linear;box-shadow:0 0 12px #2d9bff80}.online-status{z-index:30;color:#7ed0ff;letter-spacing:1.3px;background:#08325cf2;border:1px solid #4cb7ff73;border-radius:100px;align-items:center;gap:10px;height:52px;padding:0 25px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0b457c40,0 0 25px #208cff1f}.online-dot{background:#25e58b;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite onlinePulse;box-shadow:0 0 10px #25e58b,0 0 20px #25e58bb3}@keyframes onlinePulse{0%,to{transform:scale(1)}50%{transform:scale(1.35)}}.security-features{pointer-events:none;opacity:0;transition:opacity 1s;position:absolute;inset:0}.powered-on .security-features{opacity:1}.security-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#163d6c;background:#ffffffd1;border:1px solid #5fabef40;border-radius:15px;align-items:center;gap:10px;min-width:155px;height:52px;padding:8px 14px;font-size:11px;font-weight:700;animation:4s ease-in-out infinite cardFloat;display:flex;position:absolute;box-shadow:0 10px 30px #236aa41a}.security-card-icon{color:#1678df;background:linear-gradient(135deg,#edf7ff,#d6edff);border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex;box-shadow:inset 0 0 10px #42a2ff26}.security-card.top{animation-delay:-1s;top:9%;left:50%;transform:translate(-50%)}.security-card.left{animation-delay:-2s;top:37%;left:6%}.security-card.right{animation-delay:-3s;top:37%;right:6%}.security-card.bottom-left{animation-delay:-1.5s;bottom:16%;left:12%}.security-card.bottom-right{animation-delay:-2.5s;bottom:16%;right:12%}@keyframes cardFloat{0%,to{margin-top:0}50%{margin-top:-9px}}.lock-system{width:150px;height:180px;transform:translate(-50%, -50%) translate(calc(var(--mouse-x) * 15px), calc(var(--mouse-y) * 15px));z-index:12;pointer-events:none;opacity:0;transition:opacity 1s;position:absolute;top:50%;left:50%}.powered-on .lock-system{opacity:1}.lock-aura{filter:blur(10px);background:radial-gradient(circle,#2c9eff38,#0000 68%);border-radius:50%;width:170px;height:170px;animation:3s ease-in-out infinite lockAura;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes lockAura{0%,to{transform:translate(-50%,-50%)scale(.9)}50%{transform:translate(-50%,-50%)scale(1.1)}}.lock-energy{border:1px solid #52b9ff66;border-radius:50%;width:130px;height:130px;animation:7s linear infinite energySpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #2397ff33}@keyframes energySpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.lock{filter:drop-shadow(0 20px 25px #1465b440);width:92px;height:115px;animation:3s ease-in-out infinite lockFloat;position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}@keyframes lockFloat{0%,to{transform:translate(-50%,-42%)}50%{transform:translate(-50%,-47%)}}.lock-shackle{transform-origin:38px 52px;border:11px solid #8dd4ff;border-bottom:0;border-radius:30px 30px 0 0;width:52px;height:62px;animation:4s ease-in-out .5s infinite shackleUnlock;position:absolute;top:0;left:20px;box-shadow:0 0 14px #45b1ffcc,inset 0 0 8px #fffc}.shackle-highlight{background:#ffffffbf;border-radius:20px;width:7px;height:42px;position:absolute;top:0;left:4px}@keyframes shackleUnlock{0%,25%{transform:rotate(0)}38%,58%{transform:rotate(-30deg)translateY(-4px)}72%,to{transform:rotate(0)}}.lock-body{background:linear-gradient(135deg,#e5f8ff 0%,#65c9ff 45%,#1685e8 100%);border:2px solid #ffffffd9;border-radius:16px;width:92px;height:72px;position:absolute;bottom:0;left:0;box-shadow:inset 8px 8px 18px #ffffff8c,inset -8px -8px 18px #004ea333,0 0 35px #1f97ff73}.lock-body-shine{filter:blur(1px);background:linear-gradient(90deg,#ffffffb3,#0000);border-radius:20px;width:50px;height:8px;position:absolute;top:6px;left:10px}.keyhole{width:22px;height:31px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.keyhole-circle{background:#0758a5;border-radius:50%;width:18px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #00316e80}.keyhole-stem{background:#0758a5;border-radius:0 0 5px 5px;width:8px;height:18px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.unlock-rays{pointer-events:none;position:absolute;inset:-30px}.unlock-rays span{opacity:0;transform-origin:50% 65px;background:linear-gradient(#0000,#72c8ff,#0000);width:2px;height:22px;animation:4s ease-in-out infinite unlockRays;position:absolute;top:50%;left:50%}.unlock-rays span:first-child{transform:rotate(0)}.unlock-rays span:nth-child(2){transform:rotate(90deg)}.unlock-rays span:nth-child(3){transform:rotate(180deg)}.unlock-rays span:nth-child(4){transform:rotate(270deg)}@keyframes unlockRays{0%,25%,75%,to{opacity:0}40%,58%{opacity:.8}}.system-label{color:#61809e;letter-spacing:1.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#ffffffb3;border:1px solid #529dde33;border-radius:100px;align-items:center;gap:8px;padding:8px 13px;font-size:9px;font-weight:800;display:flex;position:absolute;top:27px;left:50%;transform:translate(-50%)}.system-label>span{background:#a6b8c9;border-radius:50%;width:6px;height:6px}.system-label>span.active{background:#25e58b;box-shadow:0 0 8px #25e58b}.loading .server-rack{animation:1s ease-in-out infinite alternate serverBoot}@keyframes serverBoot{0%{filter:brightness(.95)}to{filter:brightness(1.12)}}.loading .server-display span{animation:.5s ease-in-out infinite alternate bootLights}@keyframes bootLights{0%{opacity:.3}to{opacity:1}}@media (max-width:900px){.security-scene,.scene-content{min-height:580px}.orbit-system{width:440px;height:440px}.security-card{min-width:140px;font-size:10px}.security-card.left{left:2%}.security-card.right{right:2%}.security-card.bottom-left{left:5%}.security-card.bottom-right{right:5%}}@media (max-width:700px){.security-scene{border-radius:22px;min-height:560px}.scene-content{min-height:560px}.orbit-system{width:350px;height:350px}.server-area{transform:translate(-50%,-50%)scale(.82)}.security-card{min-width:auto;height:43px;padding:6px 9px;font-size:9px}.security-card-icon{width:25px;height:25px;font-size:13px}.security-card.top{top:15%}.security-card.left{top:32%;left:3%}.security-card.right{top:32%;right:3%}.security-card.bottom-left{bottom:19%;left:3%}.security-card.bottom-right{bottom:19%;right:3%}.power-button{gap:8px;min-width:160px;height:40px;padding:0 14px}.boot-panel{width:82%}.online-status{bottom:22px}}@media (max-width:500px){.security-scene,.scene-content{min-height:520px}.orbit-system{width:300px;height:300px}.security-card{display:none}.server-area{transform:translate(-50%,-50%)scale(.72)}.system-label{font-size:8px;top:18px}.boot-panel{grid-template-columns:34px 1fr auto;padding:13px;bottom:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.scene-content{transform:none}}