.tool-container{min-height:500px;display:flex;flex-direction:column;transition:all .3s ease}.calculator-interface{aspect-ratio:16/9;min-height:400px;position:relative;overflow:hidden}.prediction-interface{min-height:600px;position:relative}.live-scores-container{min-height:800px;position:relative}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text.large{height:1.5rem}.skeleton-text.small{height:.75rem}.skeleton-button{height:2.5rem;width:8rem;border-radius:6px}.skeleton-card{height:12rem;border-radius:12px}.skeleton-hero{height:20rem;border-radius:16px}.image-container{width:100%;position:relative;overflow:hidden;background-color:#f3f4f6}.image-container.hero{height:400px}.image-container.card{height:200px}.image-container.thumbnail{height:100px}.image-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:opacity .3s ease}.image-container img.loading{opacity:0}.image-container img.loaded{opacity:1}@media (max-width:768px){.image-container.hero{height:250px}.image-container.card{height:150px}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;min-height:400px}.tool-card{min-height:350px;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.form-container{min-height:200px}.input-group{margin-bottom:1rem;min-height:4rem}.input-field{width:100%;height:2.5rem;padding:.5rem .75rem;border-radius:6px;border:1px solid #d1d5db;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:10}.loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content-section{min-height:300px;padding:2rem 0}.hero-section{min-height:500px;display:flex;align-items:center;position:relative}.features-section{min-height:400px}.faq-section{min-height:600px}.navbar{height:4rem;position:sticky;top:0;z-index:50}.navbar-content{height:100%;display:flex;align-items:center;justify-content:space-between}.footer{min-height:300px;margin-top:auto}.sidebar{min-height:400px;width:250px;flex-shrink:0}@media (max-width:1024px){.tools-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tool-card{min-height:300px}}@media (max-width:768px){.tool-container{min-height:400px}.calculator-interface{min-height:300px}.prediction-interface{min-height:500px}.live-scores-container{min-height:600px}.hero-section{min-height:350px}.content-section{min-height:200px;padding:1.5rem 0}.sidebar{width:100%;min-height:200px}}.optimized-animation{will-change:transform;transform:translateZ(0)}.fade-in{opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeIn{to{opacity:1}}.slide-up{transform:translateY(20px);opacity:0;animation:slideUp .6s ease forwards}@keyframes slideUp{to{transform:translateY(0);opacity:1}}.font-loading{font-display:swap;visibility:hidden}.font-loaded{visibility:visible}.critical-content{contain:layout style paint}.non-critical-content{content-visibility:auto;contain-intrinsic-size:300px}