.hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:60vh}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;color:#fff}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:rgba(255,255,255,.9)}.component-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.component-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.highlight{border-radius:.5rem;overflow-x:auto}.highlight pre{padding:1rem;margin:0;background:#1e293b;color:#e2e8f0}.search-result{border-left:3px solid #3b82f6;padding-left:1rem;margin-bottom:1rem}.search-highlight{background-color:#fef3c7;padding:.125rem .25rem;border-radius:.25rem}.loading-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}100%{background-position:-200% 0}}.lazy-loaded{opacity:0;transition:opacity .3s ease-in-out}.lazy-loaded.loaded{opacity:1}@media print{.no-print{display:none !important}.hero-section{background:0 0;color:#000}.component-card{box-shadow:none;border:1px solid #ccc}}*{box-sizing:border-box}img{max-width:100%;height:auto}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}