.fade-anim{opacity:0;transition:opacity .6s,transform .6s;transition-delay:var(--fade-delay,0s);will-change:opacity,transform;backface-visibility:hidden;transform:translateY(14px)}.fade-anim.is-in{opacity:1;will-change:auto;transform:translateY(0)}.lines-overlay{opacity:.25;pointer-events:none;will-change:transform;position:absolute;inset:0}.lines-overlay .line{will-change:transform,opacity;backface-visibility:hidden;background:linear-gradient(#0000,#fff,#0000);width:1px;height:100%;animation:10s ease-in-out infinite floatLine;position:absolute;top:0}.lines-overlay .l1{animation-delay:0s;left:10%}.lines-overlay .l2{animation-delay:1s;left:22%}.lines-overlay .l3{animation-delay:2s;left:34%}.lines-overlay .l4{animation-delay:3s;left:46%}.lines-overlay .l5{animation-delay:4s;left:58%}.lines-overlay .l6{animation-delay:5s;left:70%}.lines-overlay .l7{animation-delay:6s;left:82%}.lines-overlay .l8{animation-delay:7s;left:94%}@keyframes floatLine{0%,to{opacity:.25;transform:translate(0,0)}50%{opacity:.4;transform:translateY(-12px)}}
.preloader{z-index:99999;opacity:1;visibility:visible;pointer-events:auto;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}.preloader.fade-out{opacity:0;visibility:hidden}.preloader-content{flex-direction:column;align-items:center;gap:32px;display:flex}.code-loader{position:relative}.code-window{background:#1e293b;border-radius:12px;min-width:400px;animation:.5s slideIn;overflow:hidden;box-shadow:0 20px 60px #0000004d}.window-header{background:#0f172a;border-bottom:1px solid #334155;align-items:center;gap:12px;padding:12px 16px;display:flex}.window-dots{gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.window-title{color:#94a3b8;font-family:Courier New,monospace;font-size:13px;font-weight:600}.code-content{padding:24px;font-family:Courier New,monospace;font-size:14px;line-height:1.8}.code-line{opacity:0;white-space:nowrap;animation:.4s forwards codeFadeIn}.code-keyword{color:#c792ea;font-weight:600}.code-variable{color:#82aaff}.code-operator{color:#89ddff}.code-function{color:#ffcb6b}.code-bracket{color:#89ddff}.code-string{color:#c3e88d}.code-indent{color:#0000}.step-display{background:#fff;border-radius:50px;align-items:center;gap:16px;min-width:400px;padding:16px 32px;animation:.4s slideUp;display:flex;box-shadow:0 4px 20px #00000014}.step-icon-wrapper{color:#2c7786;justify-content:center;align-items:center;min-width:40px;font-size:28px;font-weight:700;animation:.6s infinite iconPulse;display:flex}.step-icon-wrapper svg{width:28px;height:28px}.step-text{color:#334155;flex:1;font-size:15px;font-weight:600}.progress-container{background:#e2e8f0;border-radius:4px;width:400px;height:4px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#2c7786 0%,#74b8af 100%);border-radius:4px;height:100%;transition:width .5s;box-shadow:0 0 10px #2c778680}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes codeFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:640px){.code-window{min-width:320px}.code-content{padding:16px;font-size:12px}.step-display{min-width:320px;padding:12px 24px}.step-icon-wrapper{min-width:32px;font-size:24px}.step-icon-wrapper svg{width:24px;height:24px}.step-text{font-size:13px}.progress-container{width:320px}}