/* ORDO v2.63 · Access security motion · redeploy 2026-08-26 */
:root{--ordo-noctis:#0B0D12;--ordo-purple:#6C5CE7;--ordo-purple-bright:#8A73FF;--ordo-blue:#3D8BFF;--ordo-ease:cubic-bezier(.22,1,.36,1)}
#accesosModule{position:relative;min-height:calc(100vh - 1px);overflow:hidden}
#accesosModule .accesses-shell{position:relative;min-height:100vh;width:100%!important;max-width:none!important;display:flex;align-items:center;justify-content:center;padding:72px 32px!important;overflow:hidden;isolation:isolate}
#accesosModule #accessLockedView.access-lock-card{position:relative;z-index:5;width:min(760px,calc(100vw - 280px));max-width:760px;margin:0!important;padding:48px 54px!important;text-align:center;border-radius:24px!important;backdrop-filter:blur(16px);box-shadow:0 28px 90px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)}
#accesosModule #accessLockedView .access-lock-icon{margin-inline:auto!important}
#accesosModule #accessLockedView .access-master-field{width:min(100%,470px);margin:22px auto 14px;text-align:left}
#accesosModule #accessLockedView .access-lock-actions{justify-content:center!important}
#accesosModule #accessLockedView .helper-text{margin-top:16px!important}
html[data-theme="dark"] #accesosModule .accesses-shell,html.ordo-dark #accesosModule .accesses-shell{background:radial-gradient(circle at 50% 46%,rgba(108,92,231,.12),transparent 40%),var(--ordo-noctis)}
html[data-theme="dark"] #accesosModule #accessLockedView.access-lock-card,html.ordo-dark #accesosModule #accessLockedView.access-lock-card{background:linear-gradient(180deg,rgba(17,25,43,.90),rgba(13,20,35,.94))!important;border:1px solid rgba(138,115,255,.30)!important;color:#F7F7F9!important}
html[data-theme="dark"] #accesosModule #accessLockedView .access-lock-icon,html.ordo-dark #accesosModule #accessLockedView .access-lock-icon{background:rgba(255,255,255,.95)!important;color:var(--ordo-purple)!important;box-shadow:0 14px 44px rgba(108,92,231,.18)}
html[data-theme="dark"] #accesosModule #accessLockedView .eyebrow,html.ordo-dark #accesosModule #accessLockedView .eyebrow{color:var(--ordo-purple-bright)!important}
html[data-theme="dark"] #accesosModule #accessLockedView .primary,html.ordo-dark #accesosModule #accessLockedView .primary{background:linear-gradient(90deg,#6C5CE7,#735FF0,#654BEE)!important;color:#fff!important;box-shadow:0 10px 32px rgba(108,92,231,.24)!important}
.ordo-security-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;isolation:isolate}
.security-radial-glow{position:absolute;border-radius:50%;filter:blur(30px);opacity:.9}.glow-center{left:50%;bottom:7%;width:760px;height:420px;transform:translateX(-50%);background:radial-gradient(circle,rgba(108,92,231,.26),rgba(108,92,231,.08) 35%,transparent 70%);animation:ordoSlowBreathe 6.5s var(--ordo-ease) infinite}.glow-left{left:10%;top:28%;width:280px;height:280px;background:radial-gradient(circle,rgba(61,139,255,.11),transparent 70%);animation:ordoDriftFloat 13s ease-in-out infinite}.glow-right{right:12%;top:30%;width:320px;height:320px;background:radial-gradient(circle,rgba(108,92,231,.16),transparent 72%);animation:ordoDriftFloat 16s ease-in-out -4s infinite}
.security-orbit{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(123,97,255,.16);transform-origin:center}.orbit-1{width:640px;height:640px;animation:ordoRotateCW 42s linear infinite}.orbit-2{width:900px;height:690px;border-color:rgba(123,97,255,.12);animation:ordoRotateCCW 34s linear infinite}.orbit-3{width:1180px;height:780px;border-color:rgba(61,139,255,.09);animation:ordoRotateCW 46s linear infinite}.orbit-4{width:520px;height:300px;border-color:rgba(123,97,255,.12);animation:ordoRotateCCW 26s linear infinite}
.security-track{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);border-radius:50%}.track-a{width:900px;height:690px;animation:ordoSpinTrack 18s linear infinite}.track-b{width:1180px;height:780px;animation:ordoSpinTrack 22s linear infinite reverse}.track-c{width:640px;height:640px;animation:ordoSpinTrack 14s linear infinite}.security-node{position:absolute;top:50%;left:100%;width:6px;height:6px;transform:translate(-50%,-50%);border-radius:50%;background:var(--ordo-purple-bright);box-shadow:0 0 12px rgba(138,115,255,.95),0 0 28px rgba(138,115,255,.35)}.node-a2{left:20%;top:8%}.node-b1{left:68%;top:100%}.node-c2{left:10%;top:88%}
.security-floor-pulse{position:absolute;left:50%;bottom:4%;width:920px;height:220px;transform:translateX(-50%)}.pulse-ring{position:absolute;left:50%;bottom:0;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(123,97,255,.30);opacity:.3}.pulse-1{width:320px;height:90px;animation:ordoPulseRing 5.5s ease-out infinite}.pulse-2{width:520px;height:130px;border-color:rgba(123,97,255,.18);animation:ordoPulseRing 5.5s ease-out 1.2s infinite}.pulse-3{width:760px;height:180px;border-color:rgba(123,97,255,.10);animation:ordoPulseRing 5.5s ease-out 2.1s infinite}
.security-side{position:absolute;color:rgba(123,97,255,.22);filter:drop-shadow(0 0 20px rgba(123,97,255,.08));animation:ordoDriftFloat 12s ease-in-out infinite}.shield-left{left:14%;top:34%;width:145px}.vault-right{right:11%;top:45%;width:205px;animation-duration:14s;animation-delay:-3s}.security-side svg{display:block;width:100%;height:auto}
.security-star{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(138,115,255,.9);box-shadow:0 0 10px rgba(138,115,255,.45);animation:ordoTwinkle 4.5s ease-in-out infinite}.star-1{left:15%;top:18%;animation-delay:-.3s}.star-2{left:21%;top:47%;animation-delay:-1.7s}.star-3{left:33%;top:22%;animation-delay:-.9s}.star-4{left:43%;top:13%;animation-delay:-2.1s}.star-5{left:56%;top:80%;animation-delay:-1.1s}.star-6{left:65%;top:32%;animation-delay:-2.7s}.star-7{left:74%;top:19%;animation-delay:-.5s}.star-8{left:81%;top:51%;animation-delay:-1.3s}.star-9{left:89%;top:27%;animation-delay:-3.2s}.star-10{left:29%;top:68%;animation-delay:-2.4s}.star-11{left:13%;top:61%;animation-delay:-1s}.star-12{left:92%;top:63%;animation-delay:-.8s}
@keyframes ordoRotateCW{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ordoRotateCCW{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes ordoSpinTrack{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes ordoPulseRing{0%{opacity:.08;transform:translateX(-50%) scale(.96)}35%{opacity:.34;transform:translateX(-50%) scale(1)}100%{opacity:.02;transform:translateX(-50%) scale(1.06)}}@keyframes ordoSlowBreathe{0%,100%{opacity:.72;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.04)}}@keyframes ordoDriftFloat{0%,100%{transform:translateY(0);opacity:.82}50%{transform:translateY(-8px);opacity:1}}@keyframes ordoTwinkle{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.95;transform:scale(1.35)}}
@media(max-width:1180px){.vault-right{right:5%;width:165px}.shield-left{left:6%;width:115px}.orbit-3,.track-b{width:960px;height:690px}}
@media(max-width:900px){#accesosModule .accesses-shell{min-height:calc(100vh - 76px);padding:36px 18px!important}#accesosModule #accessLockedView.access-lock-card{width:min(100%,650px);padding:38px 28px!important}.shield-left,.vault-right{opacity:.12}.orbit-3,.track-b{display:none}.orbit-1,.track-c{width:480px;height:480px}.orbit-2,.track-a{width:760px;height:540px}.security-floor-pulse{width:600px;bottom:8%}}
@media(max-width:640px){#accesosModule .accesses-shell{padding:24px 12px!important}#accesosModule #accessLockedView.access-lock-card{width:100%;padding:30px 20px!important}.shield-left,.vault-right,.orbit-4,.track-a,.track-c{display:none}.orbit-1{width:420px;height:420px}.orbit-2{width:620px;height:440px}.security-floor-pulse{width:420px;height:140px}.star-9,.star-10,.star-11,.star-12{display:none}}
@media(prefers-reduced-motion:reduce){.ordo-security-bg *,.ordo-security-bg *::before,.ordo-security-bg *::after{animation:none!important;transition:none!important}}