.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#dbeafe,#e0e7ff)}.hero-content{max-width:1200px;margin:0 auto;padding:2rem 1rem;text-align:center}.hero-title{font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:#1e293b}.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1.6;margin-bottom:2rem;color:#64748b;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:.5rem;background-color:#3b82f6;color:white;text-decoration:none;transition:background-color .2s;min-height:56px;min-width:200px}.hero-cta:hover{background-color:#2563eb}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}img{max-width:100%;height:auto}.flex-container{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.375rem;background-color:#3b82f6;color:white;border:none;cursor:pointer;transition:all .2s;min-height:44px}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px)}.nav-container{position:fixed;top:0;left:0;right:0;z-index:50;background-color:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);height:64px}