.spotlight-card{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.05)}.spotlight-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;padding:1.5px;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(0,229,255,.7),transparent 40%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .5s ease}.spotlight-card:before{display:none}.spotlight-card:hover .spotlight-overlay{opacity:1}.cyber-toggle{--dot: #16161e;--bg: #0a0a0f;--accent: #00e5ff;--accent-glow: rgba(0, 229, 255, .4);cursor:pointer;-webkit-tap-highlight-color:transparent;display:block;margin:0;width:fit-content}.cyber-toggle input{display:none}.cyber-toggle input+div{position:relative;overflow:hidden;width:62px;height:30px;padding:0;border-radius:20px;background:#050505;border:1.5px solid rgba(0,229,255,.3);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 15px #000000e6;display:flex;align-items:center}.cyber-toggle input:checked+div{border-color:var(--accent);box-shadow:inset 0 0 10px #00e5ff1a,0 0 20px var(--accent-glow)}.cyber-toggle .track-bg{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 6px;pointer-events:none;z-index:1}.cyber-toggle .track-bg svg{width:12px;height:12px;color:var(--accent);transition:opacity .3s ease}.cyber-toggle .track-bg svg:first-child{opacity:0}.cyber-toggle .track-bg svg:last-child{opacity:.35}.cyber-toggle input:checked+div .track-bg svg:first-child{opacity:.35}.cyber-toggle input:checked+div .track-bg svg:last-child{opacity:0}.cyber-toggle .knob{width:24px;height:24px;border-radius:50%;background:#1a1a1a;border:1px solid rgba(0,229,255,.5);position:absolute;left:3px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 2px 5px #00000080}.cyber-toggle input:checked+div .knob{transform:translate(34px);background:var(--accent);box-shadow:0 0 15px var(--accent)}.cyber-toggle .icon-svg{width:12px;height:12px;color:var(--accent);transition:all .3s ease}.cyber-toggle input:checked+div .icon-svg{color:#000}
