:root{--nx-cyan:#00f0ff;--nx-cyan-bright:#67e8f9;--nx-cyan-dim:#0097a7;--nx-cyan-dark:#006070;--nx-green:#0f8;--nx-green-dim:#059669;--nx-red:#f46;--nx-red-dim:#dc2626;--nx-yellow:#fbbf24;--nx-orange:#f97316;--nx-purple:#a855f7;--nx-blue:#3b82f6;--nx-bg-dark:#020408;--nx-bg-panel:#080f19fa;--nx-bg-card:#080f19d9;--nx-bg-overlay:#000000d9;--nx-text-primary:#fff;--nx-text-secondary:#e2e8f0;--nx-text-muted:#94a3b8;--nx-text-dim:#fff6;--nx-font-display:"Orbitron",sans-serif;--nx-font-body:"Rajdhani",sans-serif;--nx-font-mono:"Share Tech Mono",monospace;--nx-space-xs:4px;--nx-space-sm:8px;--nx-space-md:16px;--nx-space-lg:24px;--nx-space-xl:32px;--nx-space-2xl:48px;--nx-radius-sm:4px;--nx-radius-md:8px;--nx-radius-lg:12px;--nx-radius-xl:16px;--nx-transition-fast:.15s ease;--nx-transition-normal:.3s ease;--nx-transition-slow:.5s ease}.nx-font-display{font-family:var(--nx-font-display)}.nx-font-body{font-family:var(--nx-font-body)}.nx-font-mono{font-family:var(--nx-font-mono)}.nx-btn{font-family:var(--nx-font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--nx-transition-normal);border:1px solid;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:11px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.nx-btn-primary{color:var(--nx-cyan);border-color:var(--nx-cyan);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#00f0ff14}.nx-btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff1a,#0000);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.nx-btn-primary:hover:before{transform:translate(100%)}.nx-btn-primary:hover{background:#00f0ff26;transform:translateY(-2px);box-shadow:0 0 20px #00f0ff4d}.nx-btn-primary:active{transform:translateY(0)}.nx-btn-secondary{color:#ffffffb3;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:0 0;border-color:#00f0ff33}.nx-btn-secondary:hover{color:var(--nx-cyan);border-color:var(--nx-cyan);background:#00f0ff0d}.nx-btn-ghost{color:var(--nx-text-muted);border-radius:var(--nx-radius-md);background:0 0;border-color:#94a3b84d}.nx-btn-ghost:hover{color:var(--nx-text-primary);background:#94a3b81a;border-color:#94a3b899}.nx-btn-solid{color:#000;background:var(--nx-cyan);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:none;box-shadow:0 0 20px #00f0ff80}.nx-btn-solid:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ffcc}.nx-btn-solid.nx-green{background:var(--nx-green);box-shadow:0 0 20px #00ff8880}.nx-btn-solid.nx-green:hover{box-shadow:0 0 30px #0f8c}.nx-btn-action{background:0 0;padding:10px 20px;font-size:10px}.nx-btn-action.nx-start{color:var(--nx-cyan);border-color:var(--nx-cyan)}.nx-btn-action.nx-start:hover{background:#00f0ff26;box-shadow:0 0 20px #00f0ff4d}.nx-btn-action.nx-pause{color:var(--nx-yellow);border-color:var(--nx-yellow)}.nx-btn-action.nx-pause:hover{background:#fbbf2426;box-shadow:0 0 20px #fbbf244d}.nx-btn-action.nx-stop{color:var(--nx-red);border-color:var(--nx-red)}.nx-btn-action.nx-stop:hover{background:#ff446626;box-shadow:0 0 20px #ff44664d}.nx-btn-action.nx-success{color:var(--nx-green);border-color:var(--nx-green)}.nx-btn-action.nx-success:hover{background:#00ff8826;box-shadow:0 0 20px #00ff884d}.nx-btn-sm{padding:8px 16px;font-size:9px}.nx-btn-lg{letter-spacing:.15em;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);padding:16px 32px;font-size:12px;font-weight:700}.nx-btn-full{width:100%}.nx-btn-icon{width:40px;height:40px;color:var(--nx-cyan);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:#00f0ff0d;border:1px solid #00f0ff4d;padding:0;font-size:18px}.nx-btn-icon:hover{border-color:var(--nx-cyan);background:#00f0ff26;box-shadow:0 0 15px #00f0ff4d}.nx-btn-loading{pointer-events:none;position:relative}.nx-btn-loading:after{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite nx-spin;position:absolute;top:50%;right:12px}.nx-btn-disabled,.nx-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.nx-badge{font-family:var(--nx-font-display);letter-spacing:.1em;text-transform:uppercase;border:1px solid;border-radius:12px;align-items:center;gap:6px;padding:6px 14px;font-size:9px;font-weight:700;display:inline-flex}.nx-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px}.nx-badge-success{color:var(--nx-green);background:#00ff881a;border-color:#00ff884d}.nx-badge-info{color:var(--nx-cyan);background:#00f0ff1a;border-color:#00f0ff4d}.nx-badge-warning{color:var(--nx-yellow);background:#fbbf241a;border-color:#fbbf244d}.nx-badge-error{color:var(--nx-red);background:#ff44661a;border-color:#ff44664d}.nx-badge-muted{color:#ffffff80;background:#ffffff0d;border-color:#fff3}.nx-card{background:var(--nx-bg-card);border-radius:var(--nx-radius-lg);padding:var(--nx-space-lg);transition:all var(--nx-transition-normal);border:1px solid #00f0ff1f}.nx-card:hover{border-color:#00f0ff40;transform:translateY(-2px);box-shadow:0 4px 20px #00f0ff14}.nx-card-cyber{background:var(--nx-bg-card);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);border:1px solid #00f0ff33;padding:28px;position:relative}.nx-card-cyber:before{content:"";background:linear-gradient(90deg,transparent,var(--nx-cyan),transparent);opacity:.5;height:1px;position:absolute;top:0;left:0;right:0}.nx-card-glass{-webkit-backdrop-filter:blur(10px);border-radius:var(--nx-radius-lg);background:#ffffff05;border:1px solid #ffffff0d}.nx-card-featured{background:var(--nx-bg-card);border-radius:var(--nx-radius-lg);padding:var(--nx-space-lg);border:1px solid #00f0ff4d;position:relative}.nx-card-featured:before,.nx-card-featured:after{content:"";pointer-events:none;width:20px;height:20px;position:absolute}.nx-card-featured:before{border-left:2px solid var(--nx-cyan);border-top:2px solid var(--nx-cyan);top:8px;left:8px}.nx-card-featured:after{border-right:2px solid var(--nx-cyan);border-top:2px solid var(--nx-cyan);top:8px;right:8px}.nx-section-label{font-family:var(--nx-font-mono);color:var(--nx-cyan);letter-spacing:.3em;text-transform:uppercase;font-size:11px}.nx-section-title{font-family:var(--nx-font-display);letter-spacing:.02em;font-weight:800}.nx-section-title-sm{font-size:24px}.nx-section-title-md{font-size:36px}.nx-section-title-lg{font-size:48px}.nx-section-title-xl{font-size:64px}.nx-input{width:100%;font-family:var(--nx-font-mono);color:var(--nx-text-primary);border-radius:var(--nx-radius-md);transition:all var(--nx-transition-normal);background:#0006;border:1px solid #00f0ff33;outline:none;padding:12px 16px;font-size:14px}.nx-input:hover{border-color:#00f0ff66}.nx-input:focus{border-color:var(--nx-cyan);box-shadow:0 0 20px #00f0ff33,inset 0 0 30px #00f0ff08}.nx-input::placeholder{color:var(--nx-text-muted)}.nx-label{font-family:var(--nx-font-body);color:var(--nx-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.nx-progress{background:#00f0ff1a;border-radius:3px;height:6px;overflow:hidden}.nx-progress-fill{background:linear-gradient(90deg,var(--nx-cyan-dark),var(--nx-cyan),var(--nx-cyan-bright));height:100%;box-shadow:0 0 10px var(--nx-cyan);transition:width var(--nx-transition-normal);border-radius:3px;position:relative}.nx-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:1.5s ease-in-out infinite nx-progress-shine;position:absolute;inset:0}.nx-toggle{font-family:var(--nx-font-body);color:#ffffffb3;cursor:pointer;transition:all var(--nx-transition-normal);background:#0006;border:1px solid #00f0ff33;justify-content:space-between;align-items:center;min-width:200px;padding:10px 16px;font-size:12px;font-weight:600;display:inline-flex}.nx-toggle:hover{border-color:var(--nx-cyan)}.nx-toggle.active{color:var(--nx-cyan);border-color:var(--nx-cyan);background:#00f0ff1a}.nx-toggle-indicator{width:40px;height:20px;transition:all var(--nx-transition-normal);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;position:relative}.nx-toggle-indicator:before{content:"";width:14px;height:14px;transition:all var(--nx-transition-normal);background:#ffffff80;border-radius:50%;position:absolute;top:2px;left:2px}.nx-toggle.active .nx-toggle-indicator{border-color:var(--nx-cyan);background:#00f0ff4d}.nx-toggle.active .nx-toggle-indicator:before{background:var(--nx-cyan);box-shadow:0 0 10px var(--nx-cyan);left:22px}.nx-divider{background:linear-gradient(90deg,#0000,#00f0ff4d,#0000);height:1px}.nx-divider-vertical{background:linear-gradient(#0000,#00f0ff4d,#0000);width:1px;height:100%}.nx-corner-tl,.nx-corner-tr,.nx-corner-bl,.nx-corner-br{pointer-events:none;width:16px;height:16px;position:absolute}.nx-corner-tl{border-left:2px solid var(--nx-cyan);border-top:2px solid var(--nx-cyan);top:0;left:0}.nx-corner-tr{border-right:2px solid var(--nx-cyan);border-top:2px solid var(--nx-cyan);top:0;right:0}.nx-corner-bl{border-left:2px solid var(--nx-cyan);border-bottom:2px solid var(--nx-cyan);bottom:0;left:0}.nx-corner-br{border-right:2px solid var(--nx-cyan);border-bottom:2px solid var(--nx-cyan);bottom:0;right:0}.nx-glow-line{background:linear-gradient(90deg,transparent,var(--nx-cyan),transparent);height:1px;box-shadow:0 0 20px var(--nx-cyan)}.nx-bg-grid{background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-size:50px 50px}.nx-bg-hex{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cpath fill='%2300f0ff' fill-opacity='0.03' d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9z'/%3E%3C/svg%3E")}.nx-bg-dots{background-image:radial-gradient(#00f0ff26 1px,#0000 1px);background-size:20px 20px}.nx-glow-orb{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.nx-glow-orb-cyan{background:radial-gradient(circle,#00f0ff26 0%,#0000 70%)}.nx-glow-orb-purple{background:radial-gradient(circle,#a855f71a 0%,#0000 70%)}.nx-glow-orb-green{background:radial-gradient(circle,#00ff881a 0%,#0000 70%)}.nx-text-glow{text-shadow:0 0 20px,0 0 40px}.nx-box-glow{box-shadow:0 0 20px #00f0ff33,inset 0 0 20px #00f0ff0d}.nx-box-glow-green{box-shadow:0 0 20px #0f83,inset 0 0 20px #00ff880d}.nx-box-glow-purple{box-shadow:0 0 20px #a855f733,inset 0 0 20px #a855f70d}.nx-gradient-text{background:linear-gradient(90deg,var(--nx-cyan),var(--nx-cyan-bright),var(--nx-cyan));color:#0000;-webkit-background-clip:text;background-clip:text}.nx-gradient-text-multi{background:linear-gradient(90deg,var(--nx-cyan),var(--nx-purple),var(--nx-cyan));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:5s infinite nx-gradient-shift}.nx-clip-cyber{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.nx-clip-cyber-sm{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.nx-clip-cyber-lg{clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}@keyframes nx-spin{to{transform:rotate(360deg)}}@keyframes nx-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes nx-ping{75%,to{opacity:0;transform:scale(2)}}@keyframes nx-glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes nx-gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes nx-progress-shine{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes nx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes nx-scan{0%{opacity:0;top:-5%}5%{opacity:1}95%{opacity:1}to{opacity:0;top:105%}}@keyframes nx-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.nx-animate-spin{animation:1s linear infinite nx-spin}.nx-animate-pulse{animation:2s ease-in-out infinite nx-pulse}.nx-animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite nx-ping}.nx-animate-glow{animation:4s ease-in-out infinite nx-glow-pulse}.nx-animate-float{animation:6s ease-in-out infinite nx-float}.nx-animate-scan{animation:8s linear infinite nx-scan}.nx-animate-shimmer{background:linear-gradient(90deg,#0000,#00f0ff1a,#0000) 0 0/200% 100%;animation:3s infinite nx-shimmer}@media (max-width:768px){.nx-hide-mobile{display:none}.nx-section-title-lg{font-size:36px}.nx-section-title-xl{font-size:48px}}@media (min-width:769px){.nx-show-mobile-only{display:none}}.nx-modal-overlay{background:var(--nx-bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;visibility:hidden;transition:all var(--nx-transition-normal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nx-modal-overlay.active{opacity:1;visibility:visible}.nx-modal{border-radius:var(--nx-radius-lg);opacity:0;background:linear-gradient(145deg,#080f19fa 0%,#03080ffa 100%);border:1px solid #00f0ff4d;max-width:90vw;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:0 0 40px #00f0ff26,0 25px 50px #00000080,inset 0 1px #ffffff0d}.nx-modal-overlay.active .nx-modal{opacity:1;transform:scale(1)translateY(0)}.nx-modal-sm{width:380px}.nx-modal-md{width:480px}.nx-modal-lg{width:600px}.nx-modal-header{border-bottom:1px solid #00f0ff1a;align-items:center;gap:14px;padding:20px 24px;display:flex;position:relative}.nx-modal-header:after{content:"";background:linear-gradient(90deg,#0000,#00f0ff4d,#0000);height:1px;position:absolute;bottom:-1px;left:24px;right:24px}.nx-modal-title{font-family:var(--nx-font-display);color:var(--nx-text-primary);letter-spacing:.1em;text-transform:uppercase;font-size:14px;font-weight:600}.nx-modal-body{padding:24px}.nx-modal-footer{background:#0003;border-top:1px solid #00f0ff1a;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.nx-modal-close{border-radius:var(--nx-radius-md);width:32px;height:32px;color:var(--nx-text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.nx-modal-close:hover{border-color:var(--nx-red);color:var(--nx-red);background:#ff44661a}.nx-toast-container{z-index:10000;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.nx-toast{border-radius:var(--nx-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080f19f2;border:1px solid;align-items:center;gap:12px;min-width:300px;padding:14px 20px;animation:.3s nx-toast-slide-in;display:flex;box-shadow:0 10px 40px #0006}.nx-toast-success{border-color:#0f86}.nx-toast-error{border-color:#f466}.nx-toast-warning{border-color:#fbbf2466}.nx-toast-info{border-color:#00f0ff66}@keyframes nx-toast-slide-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.nx-toast-exit{animation:.3s forwards nx-toast-slide-out}@keyframes nx-toast-slide-out{to{opacity:0;transform:translate(100px)}}.nx-macbook{position:relative}.nx-macbook-screen{background:linear-gradient(#2a2a2a,#1a1a1a);border-radius:12px 12px 0 0;padding:4px}.nx-macbook-camera{justify-content:center;padding:8px 0;display:flex}.nx-macbook-camera-dot{background:#0d0d0d;border:1px solid #3a3a3a;border-radius:50%;width:8px;height:8px}.nx-macbook-display{background:#0a0a0a;border:1px solid #ffffff0d;border-radius:8px;overflow:hidden}.nx-macbook-chin{background:linear-gradient(#3a3a3a,#2a2a2a);border-radius:0 0 8px 8px;height:12px}.nx-macbook-base{background:linear-gradient(#1a1a1a,#0a0a0a);border-radius:0 0 12px 12px;height:8px;margin:0 60px}
