.nex-3d-card{position:relative;z-index:1;display:grid;gap:8px;min-width:0;overflow:hidden;border:1px solid rgba(80,199,255,.3);border-radius:16px;background:radial-gradient(circle at 50% 76%,rgba(0,196,255,.2),transparent 45%),linear-gradient(145deg,rgba(5,47,93,.96),rgba(0,23,45,.98));box-shadow:0 16px 36px rgba(0,10,29,.26);color:#fff}.nex-3d-card-login{width:min(100%,360px);padding:12px}.nex-3d-card-sidebar{margin:18px 14px 14px;padding:10px}.nex-3d-card::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(135,218,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(135,218,255,.035) 1px,transparent 1px);background-size:24px 24px}.nex-3d-card-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px}.nex-3d-title{display:inline-flex;align-items:center;gap:7px;color:#dff8ff;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.nex-3d-title i{width:8px;height:8px;border-radius:999px;background:#18e1ff;box-shadow:0 0 12px rgba(24,225,255,.9);animation:nex-3d-status-pulse 1.8s ease-in-out infinite}.nex-3d-badge{border:1px solid rgba(100,220,255,.28);border-radius:999px;padding:4px 8px;background:rgba(0,190,240,.12);color:#91eaff;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.nex-3d-viewport{position:relative;min-height:190px;overflow:hidden;border:1px solid rgba(130,220,255,.14);border-radius:12px;background:radial-gradient(circle at 50% 72%,rgba(20,162,220,.22),rgba(1,17,43,.15) 56%,rgba(1,12,31,.45));cursor:grab;touch-action:none}.nex-3d-viewport::before,.nex-3d-viewport::after{position:absolute;z-index:1;pointer-events:none;opacity:0}.nex-3d-viewport.is-running::before{content:"";inset:16% 8%;background:repeating-linear-gradient(0deg,transparent 0 11px,rgba(76,219,255,.18) 12px 13px);mask-image:linear-gradient(90deg,transparent,#000 28%,transparent 78%);animation:nex-3d-speed-lines .42s linear infinite;opacity:.72}.nex-3d-viewport.is-sleeping::after{content:"Z  z  z";top:18%;right:18%;color:#a8efff;font-size:14px;font-weight:900;letter-spacing:.08em;text-shadow:0 0 12px rgba(24,225,255,.75);animation:nex-3d-sleep 2.2s ease-in-out infinite;opacity:1}.nex-3d-sleep-eyes{position:absolute;z-index:2;display:flex;gap:clamp(4px,1.2vw,8px);width:clamp(42px,11%,64px);pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .32s ease,transform .32s ease}.nex-3d-sleep-eyes i{display:block;flex:1 1 0;height:clamp(9px,2vw,14px);border-radius:50%;background:#08234a;border-bottom:3px solid #72eaff;box-shadow:0 2px 8px rgba(35,222,255,.55)}.nex-3d-viewport.is-sleeping .nex-3d-sleep-eyes{opacity:1;transform:translate(-50%,-50%) scale(1)}.nex-3d-card-sidebar .nex-3d-viewport{min-height:156px}.nex-3d-viewport:active{cursor:grabbing}.nex-3d-viewport canvas{display:block;width:100%!important;height:100%!important;outline:0}.nex-3d-loading{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:10px;padding:18px;color:#b8d9ef;font-size:11px;font-weight:700;text-align:center;transition:opacity .25s ease}.nex-3d-loading.is-complete{opacity:0;pointer-events:none}.nex-3d-loading.is-error{color:#ffe0e0}.nex-3d-spinner{width:24px;height:24px;border:3px solid rgba(130,220,255,.2);border-top-color:#18e1ff;border-radius:999px;animation:nex-3d-spinner .85s linear infinite}.nex-3d-loading.is-error .nex-3d-spinner{display:none}.nex-3d-hint{position:relative;margin:0;color:#9fc4dc;font-size:10px;line-height:1.35;text-align:center}@keyframes nex-3d-spinner{to{transform:rotate(360deg)}}@keyframes nex-3d-status-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes nex-3d-speed-lines{to{transform:translateX(24px)}}@keyframes nex-3d-sleep{0%,100%{opacity:.28;transform:translate(0,5px) scale(.88)}50%{opacity:1;transform:translate(8px,-8px) scale(1.06)}}@media(max-height:760px) and (min-width:901px){.nex-3d-card-login .nex-3d-viewport{min-height:132px}.nex-3d-card-login{padding:9px;gap:6px}}@media(max-width:900px){.nex-3d-card-login{width:100%}.nex-3d-card-login .nex-3d-viewport{min-height:220px}}@media(max-width:560px){.nex-3d-card-login .nex-3d-viewport{min-height:190px}}@media(prefers-reduced-motion:reduce){.nex-3d-title i,.nex-3d-spinner,.nex-3d-viewport::before,.nex-3d-viewport::after{animation:none}}