.card-container.keystone{width:350px;height:565px;position:relative;background-color:#010103;border-radius:24px;overflow:hidden;border:1px solid rgba(128,173,255,.1);box-shadow:0 0 100px rgba(76,0,130,.2),inset 0 0 40px rgba(0,0,0,1);transform:perspective(1500px) rotateY(0deg) rotateX(0deg);transition:transform .6s ease-out}.card-container.keystone:hover{transform:perspective(1500px) scale(1.08) rotateY(10deg) rotateX(5deg)}.grid-background.keystone{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(18,28,68,.2) 1px,transparent 0),linear-gradient(90deg,rgba(18,28,68,.2) 1px,transparent 0);background-size:20px 20px;animation:pan-grid 80s linear infinite;opacity:.3;transition:opacity .5s ease-in-out}.card-container.keystone:hover .grid-background.keystone{opacity:.8}@keyframes pan-grid{0%{background-position:0 0}to{background-position:400px 400px}}.stars-background.keystone{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.star.keystone{position:absolute;background-color:#3a7bd5;border-radius:50%;animation:twinkle 5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.7);box-shadow:0 0 4px #3a7bd5}50%{opacity:1;transform:scale(1.4);box-shadow:0 0 10px #00d2ff}}.power-core-container.keystone{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}#supernova-core.keystone{position:absolute;left:-80px;bottom:-80px;width:250px;height:250px;background:radial-gradient(circle,rgba(255,255,255,.8) 0,rgba(255,165,0,.5) 40%,rgba(255,69,0,.2) 70%,rgba(0,0,0,0) 100%);border-radius:50%;filter:blur(20px);animation:pulse-core 4s ease-in-out infinite}@keyframes pulse-core{0%,to{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:1}}.pcb-traces.keystone svg path{fill:none;stroke-width:3;stroke:url(#plasma-gradient);filter:drop-shadow(0 0 6px #ffffff) drop-shadow(0 0 15px #ff4500);stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw-plasma 4s ease-out forwards}.pcb-traces.keystone svg path:nth-child(2){animation-delay:.5s}.pcb-traces.keystone svg path:nth-child(3){animation-delay:.2s}.pcb-traces.keystone svg path:nth-child(4){animation-delay:.8s}.pcb-traces.keystone svg path:nth-child(5){animation-delay:1.2s}.pcb-traces.keystone svg path:nth-child(6){animation-delay:1s}@keyframes draw-plasma{to{stroke-dashoffset:0}}.liquid-crystal.keystone{position:absolute;top:50%;left:50%;width:280px;height:280px;transform:translate(-50%,-50%);background:rgba(255,255,255,.02);border-radius:47% 53% 70% 30%/30% 49% 51% 70%;z-index:2;backdrop-filter:blur(12px) brightness(1.5) contrast(1.1);-webkit-backdrop-filter:blur(12px) brightness(1.5) contrast(1.1);animation:morph-spacetime 15s ease-in-out infinite;border:1px solid rgba(255,255,255,.25)}.liquid-crystal.keystone:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;border-radius:inherit;z-index:-1;background:conic-gradient(from 180deg at 50% 50%,#FF00FF 0deg,#00FFFF 120deg,#39FF14 240deg,#FF00FF 1turn);filter:blur(50px) opacity(.7);animation:breathe-aurora 7s ease-in-out infinite}@keyframes morph-spacetime{0%{transform:translate(-50%,-50%) rotate(0deg);border-radius:47% 53% 70% 30%/30% 49% 51% 70%}50%{transform:translate(-50%,-50%) rotate(180deg);border-radius:60% 40% 55% 45%/45% 60% 40% 55%}to{transform:translate(-50%,-50%) rotate(1turn);border-radius:47% 53% 70% 30%/30% 49% 51% 70%}}@keyframes breathe-aurora{0%,to{transform:scale(1.1) rotate(0deg);opacity:.6}50%{transform:scale(1.25) rotate(90deg);opacity:.9}}.protocol-title.keystone{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;font-family:Orbitron,sans-serif;font-size:22px;font-weight:700;color:rgba(255,255,255,.9);letter-spacing:2px;text-shadow:0 0 10px #fff,0 0 20px #ff00ff;animation:distort-text 15s ease-in-out infinite;pointer-events:none}@keyframes distort-text{0%{letter-spacing:2px;opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{letter-spacing:2.5px;opacity:.7;transform:translate(-50%,-50%) scale(.95)}to{letter-spacing:2px;opacity:.9;transform:translate(-50%,-50%) scale(1)}}.keystone-badge.keystone{position:absolute;top:30px;left:30px;width:60px;height:60px;z-index:3;border-radius:50%;border:2px solid rgba(0,255,255,.5);box-shadow:0 0 15px #00ffff,0 0 25px #ff00ff,inset 0 0 10px rgba(0,255,255,.3);animation:pulse-sigil 5s ease-in-out infinite;transform-style:preserve-3d}@keyframes pulse-sigil{0%,to{box-shadow:0 0 15px #00ffff,0 0 25px #ff00ff,inset 0 0 10px rgba(0,255,255,.3);transform:scale(1)}50%{box-shadow:0 0 25px #00ffff,0 0 40px #ff00ff,inset 0 0 15px rgba(0,255,255,.5);transform:scale(1.05)}}.badge-quadrant-container.keystone{position:absolute;width:100%;height:100%;animation:rotate-sigil 20s linear infinite}@keyframes rotate-sigil{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge-quadrant.keystone{position:absolute;width:50%;height:50%;display:flex;justify-content:center;align-items:center}.q1.keystone{top:0;left:0}.q2.keystone{top:0;right:0}.q3.keystone{bottom:0;left:0}.q4.keystone{bottom:0;right:0}.badge-quadrant.keystone svg{animation:counter-rotate-sigil 20s linear infinite}@keyframes counter-rotate-sigil{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.name-panel.keystone{position:absolute;top:30px;right:30px;width:200px;height:80px;background:linear-gradient(145deg,#111,#000);border-radius:12px;padding:15px;border:1px solid rgba(255,255,255,.1);z-index:3;box-shadow:0 5px 15px rgba(0,0,0,.5),inset 0 0 5px rgba(255,255,255,.05);display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.panel-name.keystone{font-family:Orbitron,sans-serif;font-size:20px;color:#ffffff;font-weight:500;line-height:1.2;text-shadow:0 0 8px rgba(255,255,255,.8);align-self:flex-start}.panel-id.keystone{font-family:Orbitron,sans-serif;font-size:10px;color:#a0a8c0;letter-spacing:1px;margin-top:6px}.card-container.retro{perspective:1000px}.card-container.retro .card{background-color:#2F53D6;width:350px;height:565px;border-radius:16px;position:relative;overflow:hidden;border:2px solid #5a7fff;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .5s;transform-style:preserve-3d}.card-container.retro:hover .card{transform:rotateY(10deg) rotateX(5deg)}.card-container.retro .card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.03) 50%,rgba(0,0,0,.05) 0);background-size:100% 4px;opacity:.5;pointer-events:none;animation:scanline 10s linear infinite}@keyframes scanline{0%{background-position-y:0}to{background-position-y:200px}}.pixel-art.retro,.pixel-art.retro:before{position:absolute;width:100%;height:100%;top:0;left:0}.pixel-art.retro:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");animation:noise .5s steps(2) infinite}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(2px,2px)}to{transform:translate(-2px,-2px)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:.7}}.cursor.retro{animation:cursor-blink 1.5s infinite}@keyframes window-glitch{0%,to{transform:translate(0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(-1px,-1px)}}.window-1.retro{animation:window-glitch 4s steps(1) infinite}.window-2.retro{animation:window-glitch 5s steps(1) infinite reverse}@keyframes cpu-pulse{0%,to{filter:drop-shadow(0 0 1px white)}50%{filter:drop-shadow(0 0 3px white)}}.cpu.retro{animation:cpu-pulse 2.5s infinite}.logo.retro{width:56px;height:56px;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:white}.info-panel.retro{color:white;text-align:right}.info-panel.retro .label{font-size:10px;margin-bottom:4px}.info-panel.retro .value{font-size:14px;margin-bottom:16px}.slogan.retro{color:white;font-size:10px;text-align:right}.slogan.retro p{margin:0;line-height:1.2}.card-container.retro{font-family:Press Start\ 2P,cursive}.card-container.tech{display:flex;justify-content:center;align-items:center}.card-container.tech .card{width:350px;height:565px;background-color:#0A0F2B;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5);display:flex;flex-direction:column;padding:28px}.card-container.tech .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(24,58,111,.1) 1px,transparent 0),linear-gradient(90deg,rgba(24,58,111,.1) 1px,transparent 0);background-size:30px 30px;opacity:.5;z-index:0}.card-container.tech .card-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%}.card-container.tech .top-section{display:flex;justify-content:space-between;align-items:flex-start}.card-container.tech .logo{width:64px;height:64px;border-radius:50%;border:2px solid rgba(255,255,255,.5);box-shadow:0 0 10px rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;flex-shrink:0}.card-container.tech .logo-text{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}.card-container.tech .member-info{text-align:right;padding-left:16px}.card-container.tech .member-name{color:white;font-size:22px;font-weight:500;letter-spacing:1.5px;text-shadow:0 0 10px rgba(255,255,255,.4);margin-top:4px}.card-container.tech .member-title{color:rgba(255,255,255,.7);font-size:11px;font-weight:300;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.card-container.tech .member-id{color:white;font-family:Roboto Mono,monospace;font-size:12px;margin-top:24px;padding:6px 10px;background-color:rgba(255,255,255,.05);border-radius:6px;letter-spacing:1px;text-shadow:0 0 8px rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.1);display:inline-block}.card-container.tech .footer{width:100%;text-align:right}.card-container.tech .slogan{color:white;font-size:10px;font-weight:300;letter-spacing:.5px;text-shadow:0 0 8px rgba(255,255,255,.3)}.card-container.tech .geometric-array{position:absolute;bottom:40px;left:-20px;width:250px;height:250px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:8px;transform:rotate(-15deg);z-index:0;filter:blur(.5px)}.card-container.tech .geo-shape{background-color:rgba(255,255,255,.8);box-shadow:0 0 15px rgba(255,255,255,.3),0 0 25px rgba(200,220,255,.2);animation:pulse 4s ease-in-out infinite;border-radius:4px}.card-container.tech .pixelated{background-color:transparent;background-image:radial-gradient(rgba(255,255,255,.7) 30%,transparent 0);background-size:8px 8px}.card-container.tech .geo-shape:first-child{grid-column:1/3;grid-row:1/2;animation-delay:.2s}.card-container.tech .geo-shape:nth-child(2){grid-column:4/5;grid-row:1/3;animation-delay:.5s}.card-container.tech .geo-shape:nth-child(3){grid-column:2/4;grid-row:2/4;animation-delay:.8s;opacity:.7}.card-container.tech .geo-shape:nth-child(4){grid-column:5/7;grid-row:3/4;animation-delay:1.1s}.card-container.tech .geo-shape:nth-child(5){grid-column:1/2;grid-row:4/6;animation-delay:1.4s}.card-container.tech .geo-shape:nth-child(6){grid-column:3/5;grid-row:5/7;animation-delay:1.7s;opacity:.6}.card-container.tech .geo-shape:nth-child(7){grid-column:6/7;grid-row:5/6;animation-delay:2s}.card-container.tech .geo-shape:nth-child(8){grid-column:5/6;grid-row:6/7;animation-delay:2.3s;opacity:.8}.card-container.tech .geo-shape:nth-child(9){grid-column:2/3;grid-row:5/6;animation-delay:.4s}.card-container.tech .geo-shape:nth-child(10){grid-column:4/6;grid-row:4/5;animation-delay:1.5s}@keyframes pulse{0%,to{transform:scale(1);opacity:.7;box-shadow:0 0 15px rgba(255,255,255,.3),0 0 25px rgba(200,220,255,.2)}50%{transform:scale(1.02);opacity:1;box-shadow:0 0 25px rgba(255,255,255,.5),0 0 40px rgba(200,220,255,.3)}}.card-container.future{display:flex;align-items:center;justify-content:center}.card-container.future .card{position:relative;width:350px;height:565px;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.5);transform:perspective(1000px) rotateY(0deg) rotateX(0deg);transition:transform .5s ease}.card-container.future .card:hover{transform:perspective(1000px) rotateY(-5deg) rotateX(5deg)}.card-container.future .dynamic-gradient-bg{background:linear-gradient(135deg,#ffc72c,#8a2be2,#1e90ff);background-size:400% 400%;animation:gradient-flow 15s ease infinite;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card-container.future .liquid-glass{position:absolute;background:rgba(255,255,255,.15);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.2);transition:all .5s ease-in-out;box-shadow:0 8px 32px 0 rgba(31,38,135,.1)}.card-container.future .shape1{width:200px;height:200px;bottom:-50px;right:-50px;animation:morph 20s ease-in-out infinite}.card-container.future .shape2{width:250px;height:250px;bottom:80px;left:-80px;animation:morph 25s ease-in-out infinite reverse}.card-container.future .shape3{width:150px;height:150px;bottom:25%;left:25%;animation:morph 18s ease-in-out infinite}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0deg) scale(1)}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%;transform:rotate(180deg) scale(1.1)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(1turn) scale(1)}}.card-container.future .light-particle{position:absolute;width:2px;height:2px;background-color:rgba(220,180,255,.9);border-radius:50%;box-shadow:0 0 8px 2px rgba(220,180,255,.8);animation:particle-roam 10s linear infinite}.card-container.future .particle1{animation-duration:8s;animation-delay:0s}.card-container.future .particle2{animation-duration:12s;animation-delay:-3s}.card-container.future .particle3{animation-duration:10s;animation-delay:-6s}.card-container.future .particle4{animation-duration:9s;animation-delay:-1s}.card-container.future .particle5{animation-duration:15s;animation-delay:-5s}@keyframes particle-roam{0%{transform:translate(20px,50px) scale(.8);opacity:.7}25%{transform:translate(120px,100px) scale(1);opacity:1}50%{transform:translate(80px,20px) scale(.6);opacity:.5}75%{transform:translate(40px,150px) scale(1.1);opacity:.9}to{transform:translate(20px,50px) scale(.8);opacity:.7}}.card-container.future .card-content{position:relative;z-index:10;display:flex;flex-direction:column;height:100%;padding:32px;color:white}.card-container.future .icon{width:32px;height:32px}.card-container.future .icon svg{width:100%;height:100%;color:white}.card-container.future .info-section{margin-top:32px;flex-grow:1}.card-container.future .info-panel{position:relative;padding:16px;border-radius:12px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25)}.card-container.future .club-name{font-size:18px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,white,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;font-family:Poppins,sans-serif}.card-container.future .member-name{font-size:24px;font-weight:700;letter-spacing:.05em}.card-container.future .member-id-label{margin-top:8px;font-size:14px;font-weight:300;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.card-container.future .slogan{text-align:center;font-weight:500;font-size:14px;opacity:.7;letter-spacing:.05em;font-family:Poppins,sans-serif}:root{--primary-glow-color:#662034;--secondary-glow-color:#76BBB8;--background-color:#202127}.card-container.industrial{perspective:1500px}.card-container.industrial .card{width:350px;height:565px;background-color:var(--background-color);border-radius:20px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:transform .5s ease;border:1px solid rgba(102,32,52,.3);box-shadow:0 0 50px rgba(0,0,0,.5)}.card-container.industrial .card:hover{transform:rotateY(5deg) rotateX(10deg) scale(1.05);box-shadow:0 20px 70px rgba(102,32,52,.2)}.card-container.industrial .particle-field{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.card-container.industrial .particle{position:absolute;background:var(--secondary-glow-color);border-radius:50%;opacity:0;animation:drift 15s linear infinite}@keyframes drift{0%{transform:translateY(0) translateX(0);opacity:.8}to{transform:translateY(-100px) translateX(20px);opacity:0}}.card-container.industrial .card-content{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:25px;box-sizing:border-box;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.6))}.card-container.industrial .header{display:flex;justify-content:space-between;align-items:center}.card-container.industrial .ieee-logo{font-size:28px;font-weight:700;color:var(--primary-glow-color);text-shadow:0 0 8px var(--primary-glow-color),0 0 12px var(--primary-glow-color);animation:breathe-glow 4s ease-in-out infinite}@keyframes breathe-glow{0%,to{opacity:.8}50%{opacity:1}}.card-container.industrial .card-type{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5)}.card-container.industrial .core-visual{position:relative;width:100%;height:300px;display:flex;justify-content:center;align-items:center}.card-container.industrial .energy-core{width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px var(--primary-glow-color),0 0 50px var(--primary-glow-color);animation:core-pulse 2s ease-in-out infinite;position:absolute;z-index:12}@keyframes core-pulse{0%,to{transform:scale(.9)}50%{transform:scale(1.1)}}.card-container.industrial .containment-ring{width:250px;height:250px;border:1px solid rgba(118,187,184,.3);border-radius:50%;position:absolute;z-index:11}.card-container.industrial .containment-ring:after,.card-container.industrial .containment-ring:before{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;border:2px solid transparent;border-top:2px solid var(--secondary-glow-color);animation:ring-rotate 8s linear infinite}.card-container.industrial .containment-ring:after{border-top-color:transparent;border-bottom-color:var(--secondary-glow-color);animation-direction:reverse;animation-duration:6s}@keyframes ring-rotate{to{transform:rotate(1turn)}}.card-container.industrial .arc-container{position:absolute;width:250px;height:250px;z-index:15}.card-container.industrial .arc-container path{fill:none;stroke:var(--secondary-glow-color);stroke-width:1.5;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--secondary-glow-color));opacity:0;animation:arc-fade .5s ease-out}@keyframes arc-fade{0%{opacity:1;stroke-width:2}to{opacity:0;stroke-width:.5}}.card-container.industrial .footer-info{text-align:center}.card-container.industrial .status-indicator{display:flex;justify-content:center;align-items:flex-end;gap:4px;height:20px;margin:0 auto 15px}.card-container.industrial .status-bar{width:4px;background-color:var(--secondary-glow-color);animation:equalize 1.5s ease-in-out infinite}.card-container.industrial .status-bar:first-child{animation-delay:0s}.card-container.industrial .status-bar:nth-child(2){animation-delay:.2s}.card-container.industrial .status-bar:nth-child(3){animation-delay:.4s}.card-container.industrial .status-bar:nth-child(4){animation-delay:.1s}.card-container.industrial .status-bar:nth-child(5){animation-delay:.3s}@keyframes equalize{0%,to{height:2px}50%{height:15px}}.card-container.industrial .user-info .name{font-size:20px;font-weight:700;margin-bottom:5px;letter-spacing:1px}.card-container.industrial .user-info .id{font-size:12px;color:rgba(255,255,255,.7);font-family:Russo One,sans-serif}.card-container.industrial .slogan{font-size:10px;font-family:Russo One,sans-serif;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-top:20px;animation:slogan-glow 4s ease-in-out infinite}@keyframes slogan-glow{0%,to{opacity:.6;text-shadow:0 0 2px rgba(118,187,184,.5)}50%{opacity:1;text-shadow:0 0 5px var(--secondary-glow-color)}}