.elec-check{--teal:#33F0D0;--teal2:#00e5ff;--navy:#1A2B48;--size:26px;position:relative;display:inline-flex;align-items:flex-start;gap:.625rem;cursor:pointer;user-select:none}
.elec-check input{display:none}
.elec-check__box{position:relative;width:var(--size);height:var(--size);flex-shrink:0;margin-top:1px}
.elec-check__frame{position:absolute;inset:0;background:rgba(255,255,255,.04);border:2px solid rgba(51,240,208,.25);border-radius:5px;transition:all .3s;overflow:hidden}
.elec-check input:checked~.elec-check__box .elec-check__frame{border-color:var(--teal);background:rgba(51,240,208,.08)}
.elec-check__svg{position:absolute;inset:3px;fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;filter:drop-shadow(0 0 3px var(--teal));transition:stroke-dashoffset .4s cubic-bezier(.16,1,.3,1);z-index:3}
.elec-check input:checked~.elec-check__box .elec-check__svg{stroke-dashoffset:0;animation:elecFlicker .15s ease-in-out .35s 3}
@keyframes elecFlicker{0%,100%{opacity:1;filter:drop-shadow(0 0 3px var(--teal))}50%{opacity:.6;filter:drop-shadow(0 0 8px var(--teal)) drop-shadow(0 0 15px var(--teal2))}}
.elec-check__glow{position:absolute;inset:-3px;border-radius:8px;background:var(--teal);filter:blur(8px);opacity:0;transition:opacity .4s;z-index:0}
.elec-check input:checked~.elec-check__box .elec-check__glow{animation:glowPulse 1.5s ease-in-out infinite}
@keyframes glowPulse{0%,100%{opacity:.1}50%{opacity:.18}}
.elec-check__flash{position:absolute;inset:0;background:var(--teal);border-radius:5px;opacity:0;z-index:1;pointer-events:none}
.elec-check input:checked~.elec-check__box .elec-check__flash{animation:arcBurst .3s ease-out}
@keyframes arcBurst{0%{opacity:.4;transform:scale(1)}100%{opacity:0;transform:scale(1.6);filter:blur(4px)}}
.elec-check__current{position:absolute;border-radius:5px;overflow:hidden;inset:0;z-index:2;pointer-events:none}
.elec-check__current span{position:absolute;background:linear-gradient(90deg,transparent,var(--teal),var(--teal2),transparent);opacity:0}
.elec-check input:checked~.elec-check__box .elec-check__current span{opacity:1}
.elec-check__current span:nth-child(1){top:-1px;left:-100%;width:60%;height:2px;animation:curH 1s linear infinite}
.elec-check__current span:nth-child(2){top:-100%;right:-1px;width:2px;height:60%;animation:curV 1s linear infinite .25s}
.elec-check__current span:nth-child(3){bottom:-1px;right:-100%;width:60%;height:2px;animation:curH2 1s linear infinite .5s}
.elec-check__current span:nth-child(4){bottom:-100%;left:-1px;width:2px;height:60%;animation:curV2 1s linear infinite .75s}
@keyframes curH{0%{left:-60%}100%{left:110%}}
@keyframes curV{0%{top:-60%}100%{top:110%}}
@keyframes curH2{0%{right:-60%}100%{right:110%}}
@keyframes curV2{0%{bottom:-60%}100%{bottom:110%}}
.elec-check__bolt{position:absolute;top:50%;left:50%;opacity:0;z-index:2;pointer-events:none}
.elec-check__bolt svg{width:14px;height:20px;fill:var(--teal);filter:drop-shadow(0 0 3px var(--teal))}
.elec-check input:checked~.elec-check__box .elec-check__bolt{animation:boltShoot .45s ease-out forwards}
@keyframes boltShoot{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r,0deg)) translateY(0) scale(.5)}15%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--r,0deg)) translateY(-22px) scale(0)}}
.elec-check__label{font-size:.78rem;font-weight:600;color:rgba(255,255,255,.7);transition:all .3s;line-height:1.5;padding-top:3px}
.elec-check input:checked~.elec-check__label{color:#fff;text-shadow:0 0 8px rgba(51,240,208,.15)}
/* Light variant */
.elec-check--light .elec-check__frame{background:#f8fafc;border-color:#d1d5db}
.elec-check--light input:checked~.elec-check__box .elec-check__frame{border-color:var(--teal);background:rgba(51,240,208,.06)}
.elec-check--light .elec-check__label{color:#1A2B48}
.elec-check--light input:checked~.elec-check__label{color:#1A2B48;text-shadow:none}