.side-panel{background:linear-gradient(135deg,#0b0f17 0%,#090e1a 50%,#101820 100%);justify-content:center;align-items:center;width:50%;min-height:100vh;display:flex;position:relative;overflow:hidden}.shape{opacity:.12;background:#11d392;border-radius:50%;position:absolute}.shape-1{width:350px;height:350px;animation:8s ease-in-out infinite float1;top:-100px;right:-80px}.shape-2{background:#2aae6f;width:250px;height:250px;animation:10s ease-in-out infinite float2;bottom:10%;left:-60px}.shape-3{width:180px;height:180px;animation:12s ease-in-out infinite float3;top:40%;right:15%}.shape-4{background:#2aae6f;width:120px;height:120px;animation:9s ease-in-out infinite reverse float1;bottom:25%;right:30%}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,40px)scale(1.1)}}@keyframes float2{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(40px,-30px)rotate(10deg)}}@keyframes float3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-20px)scale(.9)}66%{transform:translate(-15px,25px)scale(1.05)}}.glow-orb{background:radial-gradient(circle,#11d3924d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:4s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.3)}}.line-svg{opacity:.5;width:100%;height:100%;position:absolute;top:0;left:0}.animated-line{stroke-dasharray:300;stroke-dashoffset:300px;animation:3s ease-in-out infinite drawLine}.animated-line:nth-child(2){animation-delay:1s}.animated-line:nth-child(3){animation-delay:2s}@keyframes drawLine{0%{stroke-dashoffset:300px}50%{stroke-dashoffset:0}to{stroke-dashoffset:-300px}}.panel-content{z-index:10;text-align:center;max-width:400px;padding:40px;position:relative}.panel-title{color:#f8fafc;margin-bottom:20px;font-size:34px;font-weight:700;line-height:1.25;transition:opacity .3s}.panel-title span{background:linear-gradient(90deg,#11d392 0%,#2aae6f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.panel-desc{color:#94a3b8;max-width:280px;margin:0 auto 28px;font-size:15px;line-height:1.6;transition:opacity .3s}.dots{justify-content:center;gap:8px;display:flex}.dot{background:#11d3924d;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background:#11d392;border-radius:4px;width:24px}@media (max-width:900px){.side-panel{display:none}}