.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%;background-color:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:relative;z-index:1000}.loading-container.loading-page{min-height:100vh;position:fixed;top:0;left:0;background-color:#ffffff;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--primary-blue,#2e5c8a);border-radius:50%;animation:spin 1.2s linear infinite}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:var(--theme-dark-blue,#6876b4);animation-duration:1.5s;animation-direction:reverse}.spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:var(--theme-light-blue,#9098d4);animation-duration:2s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-family:var(--font-family,"Arial",sans-serif);font-size:1rem;color:var(--text-color,#333);margin:0;text-align:center;font-weight:500}@media (max-width:768px){.loading-container{min-height:150px}.loading-spinner{width:50px;height:50px}.loading-text{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.spinner-ring{animation:none;border-top-color:var(--primary-color,#2c5aa0);border-right-color:var(--primary-color,#2c5aa0)}.loading-text:after{content:"...";animation:dots 1.5s infinite}}@keyframes dots{0%,20%{color:rgba(0,0,0,0);text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}40%{color:var(--text-color,#333);text-shadow:.25em 0 0 rgba(0,0,0,0),.5em 0 0 rgba(0,0,0,0)}60%{text-shadow:.25em 0 0 var(--text-color,#333),.5em 0 0 rgba(0,0,0,0)}80%,to{text-shadow:.25em 0 0 var(--text-color,#333),.5em 0 0 var(--text-color,#333)}}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:12px;height:16px}.skeleton-line.short{width:60%}.skeleton-heading{height:32px;width:300px;margin-bottom:24px}.skeleton-title{height:40px;width:400px;margin-bottom:16px}.skeleton-subtitle{height:24px;width:350px;margin-bottom:12px}.skeleton-text{height:16px;width:300px}.skeleton-button{height:44px;width:140px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;margin-top:20px}.skeleton-hero{min-height:500px;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:#f8f9fa}.skeleton-hero-content{max-width:600px;width:100%;text-align:center}.skeleton-services{padding:60px 20px;max-width:1200px;margin:0 auto}.skeleton-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;margin-top:40px}.skeleton-service-card{padding:30px;border-radius:12px;background:white;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center}.skeleton-service-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;margin:0 auto 20px}.skeleton-service-title{height:24px;width:200px;margin:0 auto 16px}.skeleton-service-text{height:16px;width:100%;margin-bottom:8px}.skeleton-about{padding:60px 20px;max-width:1200px;margin:0 auto}.skeleton-about-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;margin-top:40px;align-items:center}.skeleton-about-text{display:flex;flex-direction:column}.skeleton-about-image{height:300px;border-radius:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-page{padding:60px 20px;max-width:800px;margin:0 auto}.skeleton-content{margin-top:40px}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.skeleton-hero{min-height:400px;padding:40px 20px}.skeleton-title{width:280px;height:32px}.skeleton-subtitle{width:250px;height:20px}.skeleton-services-grid{grid-template-columns:1fr;gap:20px}.skeleton-about-content{grid-template-columns:1fr;gap:30px}.skeleton-about-image{height:200px}}@media (prefers-reduced-motion:reduce){.skeleton-about-image,.skeleton-button,.skeleton-line,.skeleton-service-icon{animation:none;background:#f0f0f0}}