body,html{color:#fff;opacity:.95;background:linear-gradient(135deg,#091df6,#e4001e);margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}.app{min-height:100vh;position:relative}.nav{z-index:100;background:rgba(0,0,0,.8);padding:10px 0;position:fixed;top:0;left:0;right:0}.nav-list{justify-content:center;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:#fff;cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:16px;transition:background .3s}.nav-item:hover{background:rgba(0,255,255,.2)}.nav-item.active{background:rgba(0,255,255,.5)}.container{flex-direction:column;justify-content:center;align-items:center;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 20px;display:flex;position:relative}.card-wrapper{justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative}.card{text-align:center;cursor:pointer;background:#00bfff;border:2px solid rgba(255,255,255,.5);border-radius:10px;justify-content:center;align-items:center;width:250px;height:350px;padding:20px;font-size:18px;transition:transform .3s;display:flex;position:absolute;overflow:hidden}.card:hover{transform:scale(1.05)}.card-image{width:100%;height:100%;animation:.5s ease-out forwards unveil;position:absolute;top:0;left:0;overflow:hidden}.card-content{z-index:1;position:relative}@keyframes unveil{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.gate{opacity:0;z-index:10;width:300px;height:300px;position:absolute;transform:scale(2)}.card-container{z-index:20;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute}.back-button{background-color:#f9f8f7;position:absolute;top:20px;left:20px}.back-button a{color:#0070f3;border:1px solid rgba(223,50,31,.906);border-radius:6px;padding:6px 12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.back-button a:hover{color:#fff;background-color:#29f300}
.circuit-container{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.circuit-svg{width:100%;height:100%}.circuit-line.glow path{filter:drop-shadow(0 0 6px #0ff)}.circuit-dot{display:none}.circuit-dot.active{filter:drop-shadow(0 0 8px #0ff)drop-shadow(0 0 12px #0ff);transition:filter .3s;display:block}