*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#f5f7fa}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:40px;padding:40px 20px;background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:10px}.subtitle{font-size:1.1rem;color:#7f8c8d}.breadcrumb{margin-bottom:20px;font-size:0.9rem;color:#7f8c8d}.breadcrumb a{color:#0066cc;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:40px}.category-card{display:flex;align-items:center;gap:20px;padding:25px;background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.05);text-decoration:none;color:inherit;transition:all 0.3s ease}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.category-letter{font-size:3rem;font-weight:bold;color:#0066cc;line-height:1}.category-info h2{font-size:1.2rem;color:#2c3e50;margin-bottom:5px}.domain-count{font-size:0.9rem;color:#7f8c8d}.subpages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:40px}.subpage-card{padding:20px;background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.05);text-decoration:none;color:inherit;transition:all 0.3s ease}.subpage-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.subpage-card h3{font-size:1.1rem;color:#0066cc;margin-bottom:8px}.domains-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-bottom:40px}.domain-card{display:flex;align-items:center;gap:12px;padding:15px 20px;background:white;border:1px solid #e1e8ed;border-radius:6px;transition:all 0.2s ease}.domain-card:hover{background:#f8f9fa;border-color:#0066cc}.domain-icon{display:flex;align-items:center;flex-shrink:0}.domain-icon img{width:20px;height:20px}.domain-link{color:#0066cc;text-decoration:none;font-size:1rem;word-break:break-all}.domain-link:hover{text-decoration:underline}.footer{text-align:center;padding:30px 20px;margin-top:40px;color:#7f8c8d;font-size:0.9rem;border-top:1px solid #e1e8ed}.footer a{color:#0066cc;text-decoration:none}.footer a:hover{text-decoration:underline}.footer p{margin:10px 0}@media (max-width:768px){.header h1{font-size:2rem}.categories-grid,.subpages-grid,.domains-grid{grid-template-columns:1fr}.category-card{padding:20px}}