.guide-wrap3{pointer-events:none;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;z-index:40;display:flex;align-items:center;justify-content:center;background-color:#4e5763}.guide-wrap3-loader{width:200px;height:200px;position:relative}.guide-wrap3-circle{animation:rotate-slow 60s linear infinite;transform-origin:center center}@keyframes rotate-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.guide-wrap3-progress{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f6cea0}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:50px;animation:fadeInDown 1s ease-out}.title{font-size:3rem;color:white;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1.2rem;color:rgba(255,255,255,.9);font-weight:300}.main{animation:fadeInUp 1s ease-out .3s both}.section{background:white;border-radius:15px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease}.section-title{font-size:2rem;color:#333;margin-bottom:20px;text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:2px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px}.btn{padding:15px 30px;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:#667eea;color:white}.btn-primary:hover{background:#5a6fd8;transform:translateY(-3px);box-shadow:0 10px 25px rgba(102,126,234,.4)}.btn-gradient{background:linear-gradient(45deg,#ff6b6b,#4ecdc4);color:white}.btn-gradient:hover{background:linear-gradient(45deg,#ff5252,#26d0ce);transform:scale(1.05)}.btn-pulse{background:#ff6b6b;color:white;animation:pulse 2s infinite}.btn-shake:hover{animation:shake .5s}.card{background:white;border-radius:15px;text-align:center;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.1)}.card-flip{perspective:1000px;height:200px}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;transition:transform .6s;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-back{transform:rotateY(180deg);background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.card-flip:hover .card-front{transform:rotateY(-180deg)}.card-flip:hover .card-back{transform:rotateY(0)}.card-slide{position:relative;flex-direction:column}.card-overlay,.card-slide{display:flex;justify-content:center;align-items:center}.card-overlay{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(45deg,#667eea,#764ba2);color:white;transition:left .3s ease}.card-slide:hover .card-overlay{left:0}.loader-container{display:flex;flex-direction:column;align-items:center;gap:10px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.dots-loader{display:flex;align-items:center;gap:5px;height:40px}.dot{width:10px;height:10px;border-radius:50%;background:#667eea;animation:dotsBounce 1.4s ease-in-out infinite both}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.wave-loader{display:flex;gap:3px}.wave{width:8px;height:40px;background:#667eea;border-radius:4px;animation:wave 1.2s ease-in-out infinite}.wave:first-child{animation-delay:-1.2s}.wave:nth-child(2){animation-delay:-1.1s}.wave:nth-child(3){animation-delay:-1s}.icon-container{display:flex;flex-direction:column;align-items:center;gap:10px}.icon{font-size:3rem;cursor:pointer}.bounce{animation:bounce 2s infinite}.rotate{animation:rotate 2s linear infinite}.swing{animation:swing 1s ease-in-out infinite alternate}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.progress-container{display:flex;flex-direction:column;gap:20px}.progress-bar{width:100%;height:20px;background:#f0f0f0;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:#667eea;border-radius:10px;transition:width 2s ease;animation:progressFill 3s ease infinite}.progress-bar.gradient .progress-fill{background:linear-gradient(45deg,#ff6b6b,#4ecdc4)}.progress-bar.animated .progress-fill{background:linear-gradient(45deg,#667eea,#764ba2);animation:progressShimmer 2s infinite}.text-animations{display:flex;flex-direction:column;gap:20px;align-items:center}.text-fade{font-size:1.5rem;animation:fadeInOut 3s infinite}.text-rainbow{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbow 3s ease infinite}.footer{text-align:center;padding:20px;color:rgba(255,255,255,.8);margin-top:50px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes dotsBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes swing{0%{transform:rotate(0deg)}to{transform:rotate(15deg)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@keyframes progressFill{0%{width:0}to{width:100%}}@keyframes progressShimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes typewriter{0%{width:0}50%{width:100%}to{width:0}}@keyframes rainbow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.container{padding:10px}.title{font-size:2rem}.grid{grid-template-columns:1fr}.section{padding:20px}}