.page-preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0a;z-index:99999;overflow:hidden;transition:opacity 0.5s ease,visibility 0.5s ease}.page-preloader.hidden{opacity:0;visibility:hidden}.skeleton-header{background:#111;padding:20px 0;border-bottom:1px solid #1a1a1a}.skeleton-container{max-width:1400px;margin:0 auto;padding:0 20px}.skeleton-header-content{display:flex;justify-content:space-between;align-items:center;gap:40px}.skeleton-logo,.skeleton-nav-item,.skeleton-btn,.skeleton-badge,.skeleton-title,.skeleton-description,.skeleton-button,.skeleton-card-image,.skeleton-card-title,.skeleton-card-text{background:linear-gradient(90deg,#1a1a1a 25%,#252525 50%,#1a1a1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-logo{width:120px;height:40px;border-radius:4px}.skeleton-nav{display:flex;gap:30px;flex:1}.skeleton-nav-item{width:80px;height:20px;border-radius:4px}.skeleton-actions{display:flex;gap:15px}.skeleton-btn{width:40px;height:40px;border-radius:50%}.skeleton-hero{padding:80px 0;text-align:center}.skeleton-badge{width:150px;height:30px;margin:0 auto 30px;border-radius:20px}.skeleton-title{width:80%;max-width:800px;height:80px;margin:0 auto 20px;border-radius:8px}.skeleton-description{width:60%;max-width:600px;height:60px;margin:0 auto 40px;border-radius:8px}.skeleton-buttons{display:flex;gap:20px;justify-content:center}.skeleton-button{width:180px;height:50px;border-radius:8px}.skeleton-cards{padding:60px 0}.skeleton-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.skeleton-card{background:#111;border-radius:12px;overflow:hidden;border:1px solid #1a1a1a}.skeleton-card-image{width:100%;height:200px}.skeleton-card-content{padding:20px}.skeleton-card-title{width:80%;height:24px;margin-bottom:15px;border-radius:4px}.skeleton-card-text{width:100%;height:16px;margin-bottom:10px;border-radius:4px}.skeleton-card-text:last-child{width:70%}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}body:not(.loaded){overflow:hidden;height:100vh}body.loaded{overflow:auto;height:auto}body:not(.loaded) .wrapper{opacity:0}body.loaded .wrapper{animation:fadeIn 0.6s ease forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.skeleton-nav{display:none}.skeleton-title{width:90%;height:60px}.skeleton-description{width:85%;height:50px}.skeleton-buttons{flex-direction:column;align-items:center}.skeleton-cards-grid{grid-template-columns:1fr}}